将CSS应用于printWindow.print();在Javascript中
Apply CSS to printWindow.print(); in Javascript
我在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"/>')
这包括打印.css.
对其他具有正确路径的css文件执行相同的操作
相关文章:
- 如何根据需要优雅地添加javascript/css
- 颗粒-JavaScript/CSS缩小SIMPLE/ADVANCED优化不起作用
- 在 javascript css 属性中使用变量
- Javascript/Css导航未显示在jquery文档上,仅在ie中准备就绪
- Javascript -> CSS (display:none to display:block)
- 如何使用javascript/css创建一个弹出屏幕的表单
- JavaScript:css 将开关切换到暗模式
- 删除加载javascript/css时的页面闪烁
- 使用 JavaScript CSS 的下拉菜单
- 影响JavaScript / CSS的HTML空间格式
- javascript css更改问题
- HTML/Javascript/CSS框堆叠在一起
- 优化JavaScript CSS下载
- 为什么javascript+CSS显示设置会使单选按钮不受欢迎
- 如何对齐画布旁边的文本和按钮(WebGL+JavaScript+CSS)
- 向上一个/下一个图像幻灯片添加计数器(仅限javascript/css)
- Javascript/CSS,如何保持更改
- SEO,PHP MasterPage和渲染阻塞Javascript/CSS
- Javascript&Css - onclick() 上的图像修改
- 如何使用变量制作纯 javascript .css() 函数