应用CSS来printWindow.print(); 在Javascript(Apply CSS

2019-09-27 13:41发布

我有我需要打印一个HTML页面的部分。 我用下面的方法JS打印出来。

printWindow.print();

这就是我要做的事。

$("#toprint").on("click", function () {

            var divContents = $("#tobebilled").html();
            var printWindow = window.open('', '', 'height=400,width=800');

printWindow.document.write('<link rel="stylesheet" type="text/css" href="style/print.css"/>'); 
            printWindow.document.write('<html><head><title>Print Bill</title>');
            printWindow.document.write('</head><body >');
            printWindow.document.write(divContents);
            printWindow.document.write('</body></html>');
            printWindow.document.close();
            printWindow.print();

问题是,我使用3个css文件

Custom.min.css
bootstrap.min.css
components.min.css

在我打印出来,我似乎已经应用了这些样式。 打印是走出原料。 如何申请CSS?

Answer 1:

printWindow.document.write('<link rel="stylesheet" type="text/css" href="style/print.css"/>')

这包括print.css。

做其他的css文件一样用的文件正确的路径



文章来源: Apply CSS to printWindow.print(); in Javascript