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 AutoComplete自动完成 的使用方法实例
Mar 19 Javascript
跟我学习javascript的垃圾回收机制与内存管理
Nov 23 Javascript
JavaScript操作选择对象的简单实例
May 16 Javascript
EasyUI布局 高度自适应
Jun 04 Javascript
jQuery 特性操作详解及实例代码
Sep 29 Javascript
jquery-mobile基础属性与用法详解
Nov 23 Javascript
React Native 使用Fetch发送网络请求的示例代码
Dec 02 Javascript
React父子组件间的传值的方法
Nov 13 Javascript
详解puppeteer使用代理
Dec 27 Javascript
了解JavaScript中let语句
May 30 Javascript
微信小程序实现3D轮播图效果(非swiper组件)
Sep 21 Javascript
Vue实现tab导航栏并支持左右滑动功能
Jun 28 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结合CKEditor实现图片上传功能
2014/06/13 PHP
Zend Framework自定义Helper类相关注意事项总结
2016/03/14 PHP
php使用PDO下exec()函数查询执行后受影响行数的方法
2017/03/28 PHP
php批量修改表结构实例
2017/05/24 PHP
php-fpm中max_children的配置
2019/03/15 PHP
JavaScript中圆括号()和方括号[]的特殊用法疑问解答
2013/08/06 Javascript
JS判断数组中是否有重复值得三种实用方法
2013/08/16 Javascript
js 浏览本地文件夹系统示例代码
2013/10/24 Javascript
屏蔽script注入小例子
2013/11/12 Javascript
解析Javascript中中括号“[]”的多义性
2013/12/03 Javascript
jQuery操作表格(table)的常用方法、技巧汇总
2014/04/12 Javascript
javascript中的throttle和debounce浅析
2014/06/06 Javascript
JavaScript中的Object对象学习教程
2016/05/20 Javascript
ionic js 模型 $ionicModal 可以遮住用户主界面的内容框
2016/06/06 Javascript
require.js配合插件text.js实现最简单的单页应用程序
2016/07/12 Javascript
JS简单实现无缝滚动效果实例
2016/08/24 Javascript
有关suggest快速删除后仍然出现下拉列表的bug问题
2016/12/02 Javascript
Axios学习笔记之使用方法教程
2017/07/21 Javascript
jQuery模拟爆炸倒计时功能实例代码
2017/08/21 jQuery
微信小程序将字符串生成二维码图片的操作方法
2018/07/17 Javascript
使用vue2实现带地区编号和名称的省市县三级联动效果
2018/11/05 Javascript
详解jQuery-each()方法
2019/03/13 jQuery
详解微信小程序胶囊按钮返回|首页自定义导航栏功能
2019/06/14 Javascript
vue实现div单选多选功能
2020/07/16 Javascript
python实现的一个火车票转让信息采集器
2014/07/09 Python
Python中使用PyHook监听鼠标和键盘事件实例
2014/07/18 Python
一篇文章弄懂Python中所有数组数据类型
2019/06/23 Python
python实现按键精灵找色点击功能教程,使用pywin32和Pillow库
2020/06/04 Python
pip install命令安装扩展库整理
2021/03/02 Python
篝火晚会策划方案
2014/05/16 职场文书
敬老模范事迹
2014/05/21 职场文书
工作表扬信范文
2015/01/17 职场文书
清明节网上祭英烈寄语2015
2015/03/04 职场文书
JDBC连接的六步实例代码(与mysql连接)
2021/05/12 MySQL
python控制台打印log输出重复的解决方法
2021/05/14 Python
使用python生成大量数据写入es数据库并查询操作(2)
2022/09/23 Python