JavaScript打印网页指定区域的例子
更新时间：2014年05月03日 10:07:19 作者：
这篇文章主要介绍了JavaScript打印网页指定区域的例子,需要的朋友可以参考下
JavaScript打印页面指定div区域原理：使用window.open()在浏览器打开一个新的页面（window）, 使用 window.document.write()将指定div区域的内容写入新窗口文档，document.close()关闭文档，使用window.print()调用打印机打印当前文档。
JavaScript打印函数myPrint(obj)：
复制代码 代码如下:
function myPrint(obj){
//打开一个新窗口newWindow
var newWindow=window.open("打印窗口","_blank");
//要打印的div的内容
var docStr = obj.innerHTML;
//打印内容写入newWindow文档
newWindow.document.write(docStr);
//关闭文档
newWindow.document.close();
//调用打印机
newWindow.print();
//关闭newWindow页面
newWindow.close();
}
myprint()调用方法：
复制代码 代码如下:
myPrint(document.getElementById('printDivID'));
实例代码：
复制代码 代码如下:
<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>
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>
相关文章
自动更新作用...2006-10-10
这篇文章主要介绍了分享JavaScript 类型判断的几种方法，文章围绕主题展开详细的内容介绍，具有一定的的参考价值，需要的小伙伴可以参考一下2022-05-05
这篇文章主要帮助大家轻松实现js选项卡切换效果,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-09-09
获取键盘控制事件是实现交互性最有力的方法之一。2008-04-04
这篇文章主要介绍了JavaScript事件委托原理与用法,结合实例形式较为详细的分析了JavaScript事件流以及事件委托相关原理、用法与操作注意事项,需要的朋友可以参考下2018-06-06
这篇文章主要介绍了常见JS验证脚本,结合实例形式汇总分析了JavaScript用于验证的系统自带函数与自定义函数,具有一定参考借鉴价值,需要的朋友可以参考下2015-12-12
这篇文章主要为大家详细介绍了微信小程序实现计时器，小程序点击事件触发计时器，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-09-09
这篇文章主要介绍了javascript回调函数的概念理解与用法,结合具体实例形式分析了javascript回调函数的功能、原理、使用方法与相关注意事项,需要的朋友可以参考下2017-05-05
网页中都有.js文件和.css文件，但这并不意味着CSS和js是独立不能交互的，下面与大家分享js与css交互的5种方法2014-04-04
本文给大家分享的是JavaScript制作的一个兼容IE6+以及主流浏览器的分页插件，非常的不错，有需要的小伙伴可以参考下2016-09-09
最新评论