js print打印网页指定区域内容的简单实例


Posted in Javascript onNovember 01, 2016

实例如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js print打印网页指定区域内容的简单实例</title>
</head>
<script>
function myPrint(obj){
  var newWindow=window.open("打印窗口","_blank");
  var docStr = obj.innerHTML;
  newWindow.document.write(docStr);
  newWindow.document.close();
  newWindow.print();
  newWindow.close();
}
</script>
<div id="print">
<hr />
  打印演示区域,点击打印后会在新窗口加载这里的内容!
<hr />
</div>
<button onclick="myPrint(document.getElementById('print'))">打 印</button>

</html>

以上就是小编为大家带来的js print打印网页指定区域内容的简单实例全部内容了,希望大家多多支持三水点靠木~

Javascript 相关文章推荐
jquery中eq和get的区别与使用方法
Apr 14 Javascript
关于IE BUG与字符串截取substr的解决办法
Apr 10 Javascript
如何使用JS获取IE上传文件路径(IE7,8)
Jul 08 Javascript
鼠标悬浮停留三秒后自动显示大图js代码
Sep 09 Javascript
在easyUI开发中,出现jquery.easyui.min.js函数库问题的解决办法
Sep 11 Javascript
跟我学习javascript的最新标准ES6
Nov 20 Javascript
javascript实现计时器的简单方法
Feb 21 Javascript
Angularjs 滚动加载更多数据
Mar 17 Javascript
纯JavaScript手写图片轮播代码
Oct 20 Javascript
ES6新特性四:变量的解构赋值实例
Apr 21 Javascript
jQuery实现动态给table赋值的方法示例
Jul 04 jQuery
Vue与React的区别和优势对比
Dec 18 Vue.js
js文件中直接alert()中文出来的是乱码的解决方法
Nov 01 #Javascript
浅谈JavaScript事件绑定的常用方法及其优缺点分析
Nov 01 #Javascript
微信小程序 wxapp内容组件 progress详细介绍
Oct 31 #Javascript
微信小程序 wxapp内容组件 text详细介绍
Oct 31 #Javascript
微信小程序 wxapp内容组件 icon详细介绍
Oct 31 #Javascript
微信小程序 wxapp导航 navigator详解
Oct 31 #Javascript
微信小程序 wxapp地图 map详解
Oct 31 #Javascript
You might like
yii实现级联下拉菜单的方法
2014/07/31 PHP
Laravel 简单实现Ajax滚动加载示例
2019/10/22 PHP
jQuery的三种$()
2009/12/30 Javascript
JQuery操作iframe父页面与子页面的元素与方法(实例讲解)
2013/11/20 Javascript
一款基jquery超炫的动画导航菜单可响应单击事件
2014/11/02 Javascript
javascript事件模型实例分析
2015/01/30 Javascript
JQUERY的AJAX请求缓存里的数据问题处理
2016/02/23 Javascript
jQuery多文件异步上传带进度条实例代码
2016/08/16 Javascript
浅谈jquery页面初始化的4种方式
2016/11/27 Javascript
如何使用bootstrap框架 bootstrap入门必看!
2017/04/13 Javascript
Thinkjs3新手入门之如何使用静态资源目录
2017/12/06 Javascript
Angular刷新当前页面的实现方法
2018/11/21 Javascript
详解滑动穿透(锁body)终极探索
2019/04/16 Javascript
JS 封装父页面子页面交互接口的实例代码
2019/06/25 Javascript
angular组件间通讯的实现方法示例
2020/05/07 Javascript
[08:06]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Elephant 选手采访
2021/03/11 DOTA
python和shell变量互相传递的几种方法
2013/11/20 Python
Python fileinput模块使用介绍
2014/11/30 Python
python实现的简单文本类游戏实例
2015/04/28 Python
Python正则表达式使用经典实例
2016/06/21 Python
Python彩色化Linux的命令行终端界面的代码实例分享
2016/07/02 Python
Django入门使用示例
2017/12/12 Python
python实现简单登陆流程的方法
2018/04/22 Python
教你一步步利用python实现贪吃蛇游戏
2019/06/27 Python
python向字符串中添加元素的实例方法
2019/06/28 Python
Django文件存储 自己定制存储系统解析
2019/08/02 Python
使用python写的opencv实时监测和解析二维码和条形码
2019/08/14 Python
pytorch 共享参数的示例
2019/08/17 Python
nginx+uwsgi+django环境搭建的方法步骤
2019/11/25 Python
python3+opencv生成不规则黑白mask实例
2020/02/19 Python
python文件操作seek()偏移量,读取指正到指定位置操作
2020/07/05 Python
使用HTML5加载音频和视频的实现代码
2020/11/30 HTML / CSS
英文版餐饮业求职信
2013/10/18 职场文书
团结就是力量演讲稿
2014/05/21 职场文书
迎新年主持词
2015/07/06 职场文书
中学语文教学反思
2016/02/16 职场文书