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学习笔记(4)--Jquery中获取table中某列值的具体思路
Apr 10 Javascript
解决jquery插件冲突的问题
Jan 23 Javascript
jquery实现图片按比例缩放示例
Jul 01 Javascript
jquery 获取 outerHtml 包含当前节点本身的代码
Oct 30 Javascript
JavaScript获取并更改input标签name属性的方法
Jul 02 Javascript
基于jQuery实现仿百度首页换肤背景图片切换代码
Aug 25 Javascript
Bootstrap布局组件应用实例讲解
Feb 17 Javascript
Jquery插件仿百度搜索关键字自动匹配功能
May 11 Javascript
详解如何较好的使用js
Dec 16 Javascript
jQuery.Validate表单验证插件的使用示例详解
Jan 04 Javascript
微信小程序--组件(swiper)详细介绍
Jun 13 Javascript
使用Angular9和TypeScript开发RPG游戏的方法
Mar 25 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显示Facebook的粉丝数量方法
2014/01/08 PHP
php实现utf-8转unicode函数分享
2015/01/06 PHP
laravel项目利用twemproxy部署redis集群的完整步骤
2018/05/11 PHP
js switch case default 的用法示例介绍
2013/10/23 Javascript
JS对话框_JS模态对话框showModalDialog用法总结
2014/01/11 Javascript
Jquery 点击按钮自动高亮实现原理及代码
2014/04/25 Javascript
jQuery中andSelf()方法用法实例
2015/01/08 Javascript
jquery实现顶部向右伸缩的导航区域代码
2015/09/02 Javascript
简单的分页代码js实现
2016/05/17 Javascript
HTML Table 空白单元格补全的简单实现
2016/10/13 Javascript
jQuery倒计时代码(超简单)
2017/02/27 Javascript
微信小程序 动态传参实例详解
2017/04/27 Javascript
js匿名函数使用&amp;传参(实例)
2017/09/08 Javascript
使用vue与jquery实时监听用户输入状态的操作代码
2017/09/19 jQuery
clipboard.js在移动端复制失败的解决方法
2018/06/13 Javascript
react-native android状态栏的实现
2018/06/15 Javascript
vue 父组件给子组件传值子组件给父组件传值的实例代码
2019/04/15 Javascript
VueCli3.0中集成MockApi的方法示例
2019/07/05 Javascript
微信小程序实现注册登录功能(表单校验、错误提示)
2019/12/10 Javascript
Angular封装表单控件及思想总结
2019/12/11 Javascript
JS字符串补全方法padStart()和padEnd()
2020/05/27 Javascript
[08:53]DOTA2每周TOP10 精彩击杀集锦vol.9
2014/06/26 DOTA
Python程序员面试题 你必须提前准备!
2018/01/16 Python
Selenium定时刷新网页的实现代码
2018/10/31 Python
HTML5实现音频和视频嵌入的方法
2018/08/22 HTML / CSS
关于VPN
2012/06/10 面试题
医学院学生求职简历的自我评价
2013/10/24 职场文书
个人自我剖析材料
2014/02/07 职场文书
运动会广播稿150字(9篇)
2014/09/20 职场文书
工伤死亡理赔协议书
2014/10/20 职场文书
2015年银行员工工作总结
2015/04/24 职场文书
2015迎新晚会开场白
2015/05/29 职场文书
重阳节活动主持词
2015/07/04 职场文书
蔬果开业典礼发言稿应该怎么写?
2019/09/03 职场文书
Mysql服务添加 iptables防火墙策略的方案
2021/04/29 MySQL
SpringBoot项目多数据源及mybatis 驼峰失效的问题解决方法
2022/07/07 Java/Android