html - 如何打印 HTML 页面的一部分？

Question

我有一个 html 页面，我想打印这个 html 页面的一部分，我知道一个 javascript 函数来打印页面，

onClick="javascript:window.print(); return false;

但是我怎样才能打印页面的一部分呢？

如果有人有想法，请与我分享。

Answer 1

您应该为打印媒体使用单独的 css。这允许您在打印页面时隐藏/显示部分页面。

html:

<div class="dont-print-that">
   blah
</div>
print this!

包括:

<link rel="stylesheet" type="text/css" media="print" href="print.css" />

打印.css

.dont-print-that{display:none;}

另一种解决方案是打开一个新窗口，其中只包含您要打印的内容。您可以在弹出窗口或 iframe 中执行此操作。我个人觉得 CSS 解决方案更优雅，但这取决于您。