提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

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

JavaScript网页 指定 例子 打印 区域
2023-06-13 09:15:25 时间

JavaScript打印页面指定div区域原理：使用window.open()在浏览器打开一个新的页面（window）,使用window.document.write()将指定div区域的内容写入新窗口文档，document.close()关闭文档，使用window.print()调用打印机打印当前文档。

JavaScript打印函数myPrint(obj)：

复制代码代码如下:

functionmyPrint(obj){
   //打开一个新窗口newWindow
   varnewWindow=window.open("打印窗口","_blank");
   //要打印的div的内容
   vardocStr=obj.innerHTML;
   //打印内容写入newWindow文档
   newWindow.document.write(docStr);
   //关闭文档
   newWindow.document.close();
   //调用打印机
   newWindow.print();
   //关闭newWindow页面
   newWindow.close();
}

myprint()调用方法：

复制代码代码如下:
myPrint(document.getElementById("printDivID"));

实例代码：

复制代码代码如下:<script>
functionmyPrint(obj){
   varnewWindow=window.open("打印窗口","_blank");
   vardocStr=obj.innerHTML;
   newWindow.document.write(docStr);
   newWindow.document.close();
   newWindow.print();
   newWindow.close();
}
</script>
<divid="print">
<hr/>
  打印演示区域,点击打印后会在新窗口加载这里的内容！
<hr/>
</div>
<buttononclick="myPrint(document.getElementById("print"))">打印</button>

相关文章