如何在不同浏览器中打印特定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中文网其他相关文章！