2

我正在尝试通过创建一个包含我要打印的 html 的新窗口元素来打印 DIV 的内容。一切正常，并且 css 样式在打印预览窗口上正确显示，但是当窗口物理打印到文件或打印机时样式会丢失。我怀疑在加载 css 之前触发了 print() 事件，但不知道如何解决这个问题。

这是我的js代码

  function printDiv (elem)
  {
    var popup = window.open('','','width=800,height=500,toolbar=no, menubar=no');
    popup.document.writeln('<!DOCTYPE html>');
    popup.document.writeln('<html><head><title></title>');
    popup.document.writeln('<link rel="stylesheet" type="text/css" href="/assets/css/main.css">');
    popup.document.writeln('</head><body class="popup-body">');
    popup.document.writeln(elem.html());
    popup.document.writeln('</body>');
    popup.document.writeln('</html>');
    popup.print();
    popup.close();
}
4

2 回答 2

0

您可以通过setTimeout来延迟文档的打印，例如

 setTimeout(function(){
    popup.print(); }, delayedAmount);

例如

  setTimeout(
    function(){ 
       popup.print(); 
       popup.close();
  }, 1000);

这将在加载窗口 1000 毫秒（1 秒）后打印文档。请注意，您还必须延迟关闭窗口。

于 2013-09-27T13:17:52.170 回答
0

您可以@media在打印时使用添加样式，@media print

http://www.w3schools.com/css/css_mediatypes.asp

于 2013-09-27T13:15:30.550 回答