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 相关文章推荐
用javascript实现的仿Flash广告图片轮换效果
Apr 24 Javascript
javascript检测对象中是否存在某个属性判断方法小结
May 19 Javascript
jQuery中:reset选择器用法实例
Jan 04 Javascript
JavaScript学习笔记之DOM基础 2.4
Aug 14 Javascript
详解Matlab中 sort 函数用法
Mar 20 Javascript
Vuejs第八篇之Vuejs组件的定义实例解析
Sep 05 Javascript
bootstrap下拉列表与输入框组结合的样式调整
Oct 08 Javascript
jQuery.Ajax()的data参数类型详解
Jul 23 jQuery
JavaScript使用递归和循环实现阶乘的实例代码
Aug 28 Javascript
bootstrap table插件动态加载表头
Jul 19 Javascript
layui: layer.open加载窗体时出现遮罩层的解决方法
Sep 26 Javascript
如何通过Proxy实现JSBridge模块化封装
Oct 22 Javascript
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
php中截取字符串支持utf-8
2007/01/18 PHP
PHP 中的批处理的实现
2007/06/14 PHP
PHP自动选择 连接本地还是远程数据库
2010/12/02 PHP
php检测网页是否被百度收录的函数代码
2013/10/09 PHP
使用php记录用户通过搜索引擎进网站的关键词
2014/02/13 PHP
PHP 面向对象程序设计(oop)学习笔记 (四) - 异常处理类Exception
2014/06/12 PHP
PHP中array_slice函数用法实例详解
2014/11/25 PHP
php实现XSS安全过滤的方法
2015/07/29 PHP
php使用自定义函数实现汉字分割替换功能示例
2017/01/30 PHP
window.open的功能全解析
2006/10/10 Javascript
Ajax搜索结果页面下方的分页按钮的生成
2012/04/05 Javascript
JavaScript设计模式之外观模式实例
2014/10/10 Javascript
javascript中tostring()和valueof()的用法及两者的区别
2015/11/16 Javascript
极力推荐一款小巧玲珑的可视化编辑器bootstrap-wysiwyg
2016/05/27 Javascript
Bootstrap+jfinal实现省市级联下拉菜单
2016/05/30 Javascript
EasyUI中在表单提交之前进行验证
2016/07/19 Javascript
Angularjs CURD 详解及实例代码
2016/09/14 Javascript
getElementById().innerHTML与getElementById().value的区别
2016/10/27 Javascript
jQuery插件echarts实现的单折线图效果示例【附demo源码下载】
2017/03/04 Javascript
浅谈JS如何实现真正的对象常量
2017/06/25 Javascript
利用vue + koa2 + mockjs模拟数据的方法教程
2017/11/22 Javascript
vue插槽slot的简单理解与用法实例分析
2020/03/14 Javascript
vue键盘事件点击事件加native操作
2020/07/27 Javascript
Python中字典映射类型的学习教程
2015/08/20 Python
Sanic框架安装与简单入门示例
2018/07/16 Python
Python爬虫实战之12306抢票开源
2019/01/24 Python
python实现月食效果实例代码
2019/06/18 Python
Python使用re模块验证危险字符
2020/05/21 Python
python制作一个简单的gui 数据库查询界面
2020/11/19 Python
很酷的HTML5电子书翻页动画特效
2016/02/25 HTML / CSS
日本最大的药妆连锁店:Matsukiyo松本清药妆店
2017/11/23 全球购物
宝拉珍选官方旗舰店:2%水杨酸精华液,收缩毛孔粗大和祛痘
2018/07/01 全球购物
澳大利亚实惠时尚女装商店:Katies
2019/06/16 全球购物
New Balance德国官方网站:购买鞋子和服装
2019/08/31 全球购物
社区志愿者活动方案
2014/08/18 职场文书
员工年度工作总结2015
2015/05/18 职场文书