gpt4 book ai didi

javascript - 将 CSS 应用于 printWindow.print();在Javascript中

转载 作者:行者123 更新时间:2023-11-28 12:07:45 26 4
gpt4 key购买 nike

我在 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?

最佳答案

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

这包括 print.css。

对其他具有正确文件路径的 css 文件执行相同的操作

关于javascript - 将 CSS 应用于 printWindow.print();在Javascript中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37318538/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com