如何在不同瀏覽器中列印特定DIV的內容？

如何列印 DIV 的內容

列印特定 DIV 元素的內容對於建立 PDF 報告或保存網頁非常有用內容。完成此任務的首選方法因瀏覽器而異。

Chrome 和其他現代瀏覽器

對於目前版本的Chrome 和其他現代瀏覽器，以下程式碼片段示範了最佳方法：

function PrintElem(elem) {
    var mywindow = window.open('', 'PRINT', 'height=400,width=600');

    mywindow.document.write('<title>' + document.title + '</title>');
    mywindow.document.write('');
    mywindow.document.write('<h1 id="document-title">' + document.title + '</h1>');
    mywindow.document.write(document.getElementById(elem).innerHTML);
    mywindow.document.write('');

    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中文網其他相關文章！