gpt4 book ai didi

javascript - 如何在打印 div 时加载和使用 css 文件

转载 作者:行者123 更新时间:2023-11-28 05:44:45 25 4
gpt4 key购买 nike

我需要按原样打印一个特定的 div,即无论 css 样式是否相同。对于样式,我使用了 bootstrape.cssmycss.css 文件。但是点击打印后所有的 css 都消失了。这是我的尝试(已实现):

function printProfile(){            
var contents = $("#profileContent").html();
var frame1 = $('<iframe />');

frame1[0].name = "frame1";
frame1.css({ "position": "absolute", "top": "-1000000px" });
$("body").append(frame1);

var frameDoc = frame1[0].contentWindow ? frame1[0].contentWindow : frame1[0].contentDocument.document ? frame1[0].contentDocument.document : frame1[0].contentDocument;

frameDoc.document.open();
frameDoc.document.write('<html><head><title>Profile Contents</title>');
frameDoc.document.write('<link href="css/bootstrape.min.css" rel="stylesheet" type="text/css" />');
frameDoc.document.write('<link href="css/mycss.css" rel="stylesheet" type="text/css" />');
frameDoc.document.write('</head><body>');
frameDoc.document.write(contents);
frameDoc.document.write('</body></html>');
frameDoc.document.close();

setTimeout(function () {
window.frames["frame1"].focus();
window.frames["frame1"].print();
frame1.remove();
}, 100);
}

我哪里错了?

最佳答案

加载 css 时尝试 media="print"

<link href="css/mycss.css" rel="stylesheet" type="text/css" media="print"/>

关于javascript - 如何在打印 div 时加载和使用 css 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37677588/

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