在新标签页中打印内容将打印空白页

Question

我正在尝试将div的内容打印到新选项卡，但是，它仅是第一次打印空白页。 当我手动打印页面时，它工作正常。 我正在加载2表包装在一个div中。

HTML结构：

<div class="receipt_bg" id="print_receipt">
  <div id="div1">
    table1
  </div>
  <div id="div2">
    table2
  </div>
</div>
<button type="button" id="print_btn">Print</button>

Javascript：

$('#print_btn').click(printClick);

function printClick(receipt_bg) {
  var DocumentContainer = $('.receipt_bg').html();
  var WindowObject = window.open("PrintWindow","_blank");
  WindowObject.document.writeln('<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd">'+ '<html><head><title>test print receipt</title>    <link href="../css/style.defaultprint.css" rel="stylesheet" type="text/css" /></head><body>' +     DocumentContainer + '</body></html>')
  setTimeout(WindowObject.print(), 5);
  WindowObject.close();
}

我什至尝试使用WindowObject.onload = WindowObject.print（）; 而不是setTimeout（WindowObject.print（），5）; 仍然似乎不起作用。 我看到了类似的帖子，但是它的解决方案对我不起作用。

Answer 1

检查此URL。 它包含一些从页面打印内容的示例，它具有您所需要的一切。

我曾经使用jQuery Print Element 1.2进行打印，在这种情况下，如果您要打印大量内容，则需要将超时时间从50增加到500，否则，当您遇到问题时，它将显示空白页面，但是对我来说，这仅仅是发生在Chrome浏览器中，除此之外我还没有遇到这个问题。 检查printElement js。 网址下方包含带有演示和源代码的漂亮示例。

检查此： jQuery打印页面选项

这是代码，它将为您提供帮助。

function printClick(receipt_bg) {
    var DocumentContainer = $('.receipt_bg').html();
    var WindowObject = window.open("", "printElementWindow", "width=650,height=440,scrollbars=yes");
    WindowObject.document.writeln('<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd">'+ '<html><head><title>test print receipt</title>    <link href="../css/style.defaultprint.css" rel="stylesheet" type="text/css" /></head><body>' +     DocumentContainer + '</body><script type="text/javascript">setTimeout(printPage(),1000);  function printPage(){focus();print();}<\/script></html>')
    WindowObject.close();
 }

这将为您工作，在这里我向您的窗口代码添加了一个JavaScript函数，该函数将在超时后执行。 尝试一下，让我知道，它是否对您有用。 您可以根据您的内容延长或减少超时。

在新标签页中打印内容将打印空白页

问题描述

1 个解决方案

解决方案1
0 2014-09-04 12:54:08

在新标签页中打印内容将打印空白页

问题描述

1 个解决方案

解决方案1 0 2014-09-04 12:54:08

解决方案1
0 2014-09-04 12:54:08