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

最新推荐文章于 2022-04-22 10:51:44 发布

转载最新推荐文章于 2022-04-22 10:51:44 发布 · 142 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/duelsol/p/3821985.html

本文介绍了如何使用JavaScript实现打印指定div区域内容的功能，通过打开新窗口，将div内容写入，关闭文档后调用打印机打印当前文档。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>

转载于:https://www.cnblogs.com/duelsol/p/3821985.html