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 setTimeout()函数使用方法
Apr 07 Javascript
jQuery学习笔记之jQuery动画效果
Sep 09 Javascript
jquery 检测元素是否存在的实例代码
Nov 19 Javascript
js判断设备是否为PC并调整图片大小
Feb 12 Javascript
8个实用的jQuery技巧
Mar 04 Javascript
javascript中cookie对象用法实例分析
Jan 30 Javascript
AngularJS 服务详细讲解及示例代码
Aug 17 Javascript
js实现加载更多功能实例
Oct 27 Javascript
jQuery获取复选框选中的当前行的某个字段的值
Sep 15 jQuery
angularJs中跳转到指定的锚点实例($anchorScroll)
Aug 31 Javascript
VUE动态生成word的实现
Jul 26 Javascript
原生JS实现分页
Apr 19 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中10个不常见却非常有用的函数
2010/03/21 PHP
PHP大文件分片上传的实现方法
2018/10/28 PHP
php抽象类和接口知识点整理总结
2019/08/02 PHP
Javscript删除数组中指定元素并返回新数组
2014/03/06 Javascript
javascript中不提供sleep功能如何实现这个功能
2014/05/27 Javascript
jQuery+css3实现Ajax点击后动态删除功能的方法
2015/08/10 Javascript
JS仿淘宝实现的简单滑动门效果代码
2015/10/14 Javascript
[Bootstrap-插件使用]Jcrop+fileinput组合实现头像上传功能实例代码
2016/12/20 Javascript
react-navigation 如何判断用户是否登录跳转到登录页的方法
2017/12/01 Javascript
详解如何在项目中使用jest测试react native组件
2018/02/09 Javascript
vue.js中$set与数组更新方法
2018/03/08 Javascript
解决layui中table异步数据请求不支持自定义返回数据格式的问题
2018/08/19 Javascript
基于nodejs的雪碧图制作工具的示例代码
2018/11/05 NodeJs
微信小程序实现聊天室
2020/08/21 Javascript
Vue插槽_特殊特性slot,slot-scope与指令v-slot说明
2020/09/04 Javascript
Python函数式编程指南(二):从函数开始
2015/06/24 Python
Python简单实现enum功能的方法
2016/04/25 Python
利用Python获取操作系统信息实例
2016/09/02 Python
Python读取指定目录下指定后缀文件并保存为docx
2017/04/23 Python
Python计算两个日期相差天数的方法示例
2017/05/23 Python
python创建文件备份的脚本
2018/09/11 Python
pytorch使用指定GPU训练的实例
2019/08/19 Python
python导入不同目录下的自定义模块过程解析
2019/11/18 Python
python不相等的两个字符串的 if 条件判断为True详解
2020/03/12 Python
整理的15个非常有用的 HTML5 开发教程和速查手册
2011/10/18 HTML / CSS
html5中地理位置定位api接口开发应用小结
2013/01/04 HTML / CSS
美国卡车、吉普车和SUV零件网站:4 Wheel Parts
2016/11/24 全球购物
BLACKMORES澳洲官网:澳大利亚排名第一的保健品牌
2018/09/27 全球购物
工业设计专业个人求职信范文
2013/12/28 职场文书
运动会广播稿20字
2014/02/18 职场文书
消防宣传口号
2014/06/16 职场文书
岗位说明书怎么写
2014/07/30 职场文书
2014乡党委副书记党建工作汇报材料
2014/11/02 职场文书
2014年收银工作总结
2014/11/13 职场文书
万里长城导游词
2015/01/30 职场文书
向雷锋同志学习倡议书
2015/04/27 职场文书