JavaScript如何打印网页指定区域内容
发布时间：2015-08-01 编辑：jiaochengji.com
本文介绍了JavaScript打印网页指定区域的方法，使用window.open()在浏览器打开一个新的页面（window）, 使用 window.document.write()将指定div区域的内容写入新窗口文档，有需要的朋友参考下。
如何使用js脚本实现打印网页指定区域的内容？
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();
}
//打开一个新窗口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>
您可能感兴趣的文章：
JavaScript如何打印网页指定区域内容
JavaScript打印iframe内容的方法
js实现web打印预览的二个代码
JQuery结合CSS操作打印样式的方法
javascript如何打印页面
手把手教你的jquery CSS控制打印样式实例
javascript 打印内容方法汇总
js调用iframe实现打印页面内容的方法
javascript打印方法大全 打印页面设置与打印预览代码
小技巧：打印样式的相关知识
[关闭]