如何打印 DIV 的内容
打印特定 DIV 元素的内容对于创建 PDF 报告或保存网页非常有用内容。完成此任务的首选方法因浏览器而异。
Chrome 和其他现代浏览器
对于当前版本的 Chrome 和其他现代浏览器,以下代码片段演示了最佳方法:
function PrintElem(elem) { var mywindow = window.open('', 'PRINT', 'height=400,width=600'); mywindow.document.write('<html><head><title>' + document.title + '</title>'); mywindow.document.write('</head><body >'); mywindow.document.write('<h1>' + document.title + '</h1>'); mywindow.document.write(document.getElementById(elem).innerHTML); mywindow.document.write('</body></html>'); mywindow.document.close(); mywindow.focus(); mywindow.print(); mywindow.close(); return true; }
此函数打开一个新窗口,用指定 DIV 的内容填充它,并触发打印过程。与早期版本相比,它包含必要的修改,以便在 Chrome 中实现最佳功能。
旧版浏览器
在 Internet Explorer 9 及更低版本等旧版浏览器中,需要采用不同的方法。以下代码片段处理这些浏览器的打印:
function PrintElem(elem) { ctrlKeyStr = "+"; document.getElementById(elem).focus(); document.getElementById(elem).print(+ctrlKeyStr); }
此函数只是聚焦 DIV 并使用默认热键激活打印功能,默认热键可能因浏览器而异。
通过实现这些技术,您可以在各种浏览器中有效地打印 DIV 元素的内容,满足您的文档打印需求。
以上是如何在不同浏览器中打印特定DIV的内容?的详细内容。更多信息请关注PHP中文网其他相关文章!