使用JavaScript打印网页指定DIV区域

 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>
 

你可能感兴趣的:(JavaScript)