如何列印 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中文網其他相關文章!