javascript - 仅打印文档的特定部分最简单的想法是什么

Question

我试图只打印选定的文档区域。我尝试将所选区域/div的内容添加到新窗口并调用window.print，但问题出现在css上。由于我的页面包含来自多个文件的 css，因此我很难再次加载这些 css 文件。

所以我需要将具有内联样式的选定区域/div 内容导出到新文档并打印它们。

Answer 1

首先，如果您的外部样式表对您的打印输出弊大于利，您可以使用简单的媒体查询将它们限制在屏幕媒体上:<link rel="stylesheet" href="style.css" media="screen,projection" />

这样您的打印样式表就可以从无样式的页面开始，而不必重置任何以前的样式表。

典型的打印样式表会隐藏广告、将颜色重置为高对比度颜色并调整排版 - 看看 the print section HTML5 样板。

如果您所说的“选定区域”是指用户可以决定需要打印的内容，您可以通过类似 .addClass('print'); 的方式轻松实现。到 JavaScript 处理程序，然后您的打印 CSS 可能如下所示:

* {display: none;}
.print, .print * {display: block;} /* Or inline, depending on the element */

如果你不关心 IE<9，你可以这样做:

body :not(.print) {display: none;}