个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
24
4
HTML:
<div id="dvContainer">
This content needs to be printed.
</div>
<button>Print</button>
JavaScript:
$("button").on("click", function(){
var divContents = $("#dvContainer").html();
var printWindow = window.open('', '', 'height=400,width=800');
printWindow.document.write('<html><head><title>DIV Contents</title>');
printWindow.document.write("<link rel=\"stylesheet\" type=\"text/css\" href=\"/css/product.css\" />");
//printWindow.document.write("<style>#dvContainer{color: red;}</style>");
printWindow.document.write('</head><body>');
printWindow.document.write(divContents);
printWindow.document.write('</body></html>');
printWindow.document.close();
printWindow.print();
});
我需要在窗口出现时将我的 div 更改为红色，但什么也没发生。
我尝试使用样式代码，但我的元素仍然是黑色。我也试过媒体打印但没有。
有什么建议吗？我做错了什么？
我正在最新版本的 Chrome 和 jQuery 1.9.1 中对此进行测试。
最佳答案
在我们的对话之后，您要做的是正确设置打印样式。将此添加到 products.css
@media print {
body {
background-color: red;
}
}
关于javascript document.write css 不适用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35687952/
24
4
0
我是一名优秀的程序员,十分优秀！