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 call 函数的用法说明
Apr 09 Javascript
JQuery加载图片自适应固定大小的DIV
Sep 12 Javascript
confirm的用法示例用于按钮操作时确定是否执行
Jun 19 Javascript
node.js中的forEach()是同步还是异步呢
Jan 29 Javascript
深入理解JavaScript系列(49):Function模式(上篇)
Mar 04 Javascript
基于jquery实现智能表单验证操作
May 09 Javascript
基于Vue.js实现简单搜索框
Mar 26 Javascript
Bootstrap表格制作代码
Mar 17 Javascript
浅谈angularJS的$watch失效问题的解决方案
Aug 11 Javascript
vue-resource拦截器设置头信息的实例
Oct 27 Javascript
JavaScript中利用Array filter() 方法压缩稀疏数组
Feb 24 Javascript
vue实现可视化可拖放的自定义表单的示例代码
Mar 20 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
php5.2时间相差8小时
2007/01/15 PHP
php上传文件,创建递归目录的实例代码
2013/10/18 PHP
跟我学Laravel之视图 &amp; Response
2014/10/15 PHP
PHP实现唤起微信支付功能
2019/02/18 PHP
JavaScript中的集合及效率
2010/01/08 Javascript
基于Jquery的标签智能验证实现代码
2010/12/27 Javascript
jquery 年会抽奖程序
2011/12/22 Javascript
jQuery滚动加载图片效果的实现
2013/03/06 Javascript
使用jQuery时Form表单元素ID和name命名大忌
2014/03/06 Javascript
jQuery实现鼠标可拖动调整表格列宽度
2014/05/26 Javascript
JavaScript实现防止网页被嵌入Frame框架的代码分享
2014/12/29 Javascript
JavaScript检测上传文件大小的方法
2015/07/22 Javascript
jQuery实现右侧显示可向左滑动展示的深色QQ客服效果代码
2015/10/23 Javascript
jQuery代码实现图片墙自动+手动淡入淡出切换效果
2016/05/09 Javascript
JavaScript代码里的判断小结
2016/08/22 Javascript
Ionic3实现图片瀑布流布局
2017/08/09 Javascript
微信小程序多列选择器range-key使用详解
2020/03/30 Javascript
js获取html页面代码中图片地址的实现代码
2018/03/05 Javascript
微信小程序利用canvas 绘制幸运大转盘功能
2018/07/06 Javascript
vue+iview框架实现左侧动态菜单功能的示例代码
2020/07/23 Javascript
基于element-ui对话框el-dialog初始化的校验问题解决
2020/09/11 Javascript
vue+vant实现购物车全选和反选功能
2020/11/17 Vue.js
[01:45]2014DOTA2 TI预选赛预选赛 大神专访第二弹!
2014/05/20 DOTA
Python 面向对象 成员的访问约束
2008/12/23 Python
Python实现list反转实例汇总
2014/11/11 Python
用python写测试数据文件过程解析
2019/09/25 Python
python 实现一个反向单位矩阵示例
2019/11/29 Python
英国123鲜花网站:123 Flowers
2019/07/07 全球购物
电气自动化大学生求职信
2013/10/16 职场文书
绝对经典成功的大学生推荐信
2013/11/08 职场文书
专业销售业务员求职信
2013/11/18 职场文书
法定代表人授权委托书
2014/09/19 职场文书
学校领导班子对照检查材料
2014/09/24 职场文书
同学聚会通知短信
2015/04/20 职场文书
frg-100简单操作(设置)说明
2022/04/05 无线电
JAVA springCloud项目搭建流程
2022/05/11 Java/Android