JavaScript打印网页指定区域的例子

前端技术 2023/09/05 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>

本文地址：https://www.stayed.cn/item/14533

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案