打印时无法将css文件添加到html

Question

我正在尝试在打印时将css文件添加到HTML内容。 但是没有添加css文件。 我得到的输出没有CSS。 谁能帮帮我吗...

这是我的代码

 <html> <head> <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.1.min.js" > </script> <script type="text/javascript"> function PrintElem(elem) { Popup($(elem).html()); } function Popup(data) { var mywindow = window.open('', 'mydiv', 'height=700,width=1200'); mywindow.document.write('<html><head><title></title>'); mywindow.document.write('<link rel="stylesheet" href="print.css" type="text/css" media="print"/>'); mywindow.document.write('</head><body >'); mywindow.document.write(data); mywindow.document.write('</body></html>'); mywindow.document.close(); // necessary for IE >= 10 mywindow.focus(); // necessary for IE >= 10 mywindow.print(); mywindow.close(); return true; } </script> </head> <body> <div id="mydiv"> This will be printed. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque a quam at nibh adipiscing interdum. Nulla vitae accumsan ante. </div> <div> This will not be printed. </div> <div id="anotherdiv"> Nor will this. </div> <input type="button" value="Print Div" onclick="PrintElem('#mydiv')" /> </body> </html>

这是我的CSS文件“ print.css”

 @media print { #mydiv { border: 10px solid !important; color: red; font-size:20px !important; } }

Answer 1

找出问题所在：

您正在将元素“ mydiv”传递给功能PrintElem。
PrintElem函数仅获取内部html 而不完整div
您将其发送到另一个函数Popup（仅mydiv的innerhtml）
弹出窗口使用html，css和js打开新页面
在数据变量中，您只会获得文本，而不会获得DIV'mydiv'，而实际上是针刺的，而不是仅内部html。
因此，在页面加载时，找不到要在其上应用CSS的mydiv。

解决方案，请将整个div而不是仅将div.html（）传递到Popup函数中

尝试类似的方法或尝试其他方法

 function PrintElem(elem)
 {
    Popup($(elem)); // send div not html only
 }

打印时无法将css文件添加到html

问题描述

1 个解决方案

解决方案1
0 已采纳 2015-08-26 12:28:06

打印时无法将css文件添加到html

问题描述

1 个解决方案

解决方案1 0 已采纳 2015-08-26 12:28:06

解决方案1
0 已采纳 2015-08-26 12:28:06