管理资源吧首页>>>教程>>>编程>>>JavaScript教程>>>

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>

教程首页 更多教程