首頁 > web前端 > js教程 > 如何在不同瀏覽器中列印特定DIV的內容?

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

DDD
發布: 2024-12-18 03:41:10
原創
902 人瀏覽過

How to Print a Specific DIV's Content Across Different Browsers?

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

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板