JavaScript 打印网页指定的区域
分类:实例代码
实际应用中,可能需要打印网页中的内容,且只需要打印一部分,而不是打印整个页面。
下面介绍一下如何实现局部打印效果。
代码实例如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.pipipi.net/" /> <title>前端教程网</title> <script type="text/javascript"> function doPrint(obj){ var printWindow=window.open("","打印窗口","_blank"); var docStr=obj.innerHTML; printWindow.document.write(docStr); printWindow.document.close(); printWindow.print(); printWindow.close(); } window.onload=function(){ var obt=document.getElementById("bt"); var oprint=document.getElementById("print"); obt.onclick=function(){ doPrint(oprint); } } </script> </head> <body> <div id="print">前端教程网欢迎您,只有努力奋斗才会有美好的明天。</div> <input type="button" id="bt" value="点击打印"/> </body> </html>
JavaScript 打印网页指定的区域,这样的场景在实际项目中还是用的比较多的,关于JavaScript 打印网页指定的区域就介绍到这了。
JavaScript 打印网页指定的区域属于前端实例代码,有关更多实例代码大家可以查看。