打印网页的一部分 - 未显示 css

Print part of webpage - css not shown

本文关键字:显示 css 一部分 网页 打印      更新时间:2023-09-26

我尝试打印我网站的一部分,但是当我尝试这样做时,css属性没有显示。问题是我在我的 html 文件中嵌入了我的 css 信息。您有解决方案吗?

var content = document.getElementById("div id");
var WinPrint = window.open('', '');
WinPrint.document.write(content.innerHTML);
WinPrint.document.close();
WinPrint.focus();
WinPrint.print();
WinPrint.close();

谢谢!

试试这个:

只需像这样嵌入您的 CSS 文件...

    var content = document.getElementById("div id");
    var WinPrint = window.open('', '');
    WinPrint.document.write( "<link rel='"stylesheet'" href='"style.css'" type='"text/css'" media='"print'"/>" );
    WinPrint.document.write(content.innerHTML);
    WinPrint.document.close();
    WinPrint.focus();
    WinPrint.print();
    WinPrint.close();