javascript - 打印 html 页面 mozilla firefox

Question

我正在尝试打印一个包含大量内容的 HTML 表格。但我在使用 Google Chrome 时运气不佳，所以我决定使用 Mozilla Firefox，由于某种原因，它会破坏表格内的页面。所以问题是如何使用 Javascript 在 Firefox 中调用打印预览(如果我调用 window.print(); 则没有打印预览)。

我看到 mozilla 自动设置了这个页眉和页脚，但是有什么方法可以在打印时设置自定义页眉吗？或者在每次用户单击打印按钮时默认禁用它。

Answer 1

做这样的事情..

将您的可打印部分放入具有如下 id 的 div 中:

<div id="printableArea">
  <h1>Print me</h1>
</div>

<input type="button" onclick="printDiv('printableArea')" value="print a div!" />

现在让我们创建一个非常简单的 javascript:

function printDiv(divName) {
 var printContents = document.getElementById(divName).innerHTML;
 var originalContents = document.body.innerHTML;

 document.body.innerHTML = printContents;

 window.print();

 document.body.innerHTML = originalContents;

或者检查这个 fiddle http://jsfiddle.net/35vAN/在这个 fiddle 中，您可以看到页眉和页脚有一个选项