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编程起步(第七课)
Feb 27 Javascript
js模拟类继承小例子
Jul 17 Javascript
js 自定义个性下拉选择框示例
Aug 20 Javascript
js取float型小数点后两位数的方法
Jan 18 Javascript
js运动应用实例解析
Dec 28 Javascript
JQuery用户名校验的具体实现
Mar 18 Javascript
关于动态生成dom绑定事件失效的原因及解决方法
Aug 06 Javascript
jquery实现限制textarea输入字数的方法
Sep 06 jQuery
Vue单页及多页应用全局配置404页面实践记录
May 22 Javascript
Vue 让元素抖动/摆动起来的实现代码
May 31 Javascript
Angular5中提取公共组件之radio list的实例代码
Jul 10 Javascript
微信小程序实现抖音播放效果的实例代码
Apr 11 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图片加水印原理(超简单的实例代码)
2013/01/18 PHP
探讨方法的重写(覆载)详解
2013/06/08 PHP
php防止用户重复提交表单
2015/11/02 PHP
php删除数组指定元素实现代码
2017/05/03 PHP
PHP 二维array转换json的实例讲解
2018/08/21 PHP
Jquery ajax 同步阻塞引起的UI线程阻塞问题
2015/11/17 Javascript
JS排序方法(sort,bubble,select,insert)代码汇总
2016/01/30 Javascript
jQuery深拷贝Json对象简单示例
2016/07/06 Javascript
Bootstrap和Angularjs配合自制弹框的实例代码
2016/08/24 Javascript
小程序实现带年月选取效果的日历
2018/06/27 Javascript
解决jQuery使用append添加的元素事件无效的问题
2018/08/30 jQuery
基于VUE实现判断设备是PC还是移动端
2020/07/03 Javascript
vue-cli3项目配置eslint代码规范的完整步骤
2020/09/10 Javascript
vant-ui框架的一个bug(解决切换后onload不触发)
2020/11/11 Javascript
[01:31:02]TNC vs VG 2019国际邀请赛淘汰赛 胜者组赛BO3 第一场
2019/08/22 DOTA
Python2.x中str与unicode相关问题的解决方法
2015/03/30 Python
Python实现批量下载图片的方法
2015/07/08 Python
python通过微信发送邮件实现电脑关机
2018/06/20 Python
浅谈python 中类属性共享的问题
2019/07/02 Python
python实现单链表的方法示例
2019/09/03 Python
python如何使用jt400.jar包代码实例
2019/12/20 Python
python数据爬下来保存的位置
2020/02/17 Python
Django实现celery定时任务过程解析
2020/04/21 Python
详解Pycharm与anaconda安装配置指南
2020/08/25 Python
Numpy数组的广播机制的实现
2020/11/03 Python
ECCO爱步官方旗舰店:丹麦鞋履品牌
2018/01/02 全球购物
美国棒球装备和用品商店:Baseball Savings
2018/06/09 全球购物
有模特经验的简历自我评价
2013/09/19 职场文书
高三自我鉴定
2013/10/23 职场文书
2014乡镇班子个人对照检查材料思想汇报
2014/09/26 职场文书
秦始皇兵马俑导游词
2015/02/02 职场文书
工作表现证明
2015/06/15 职场文书
班级联欢会主持词
2015/07/03 职场文书
初中运动会前导词
2015/07/20 职场文书
有趣的二维码:使用MyQR和qrcode来制作二维码
2021/05/10 Python
《王者天下》第4季首话新剧照 4月9日正式开播
2022/04/07 日漫