如何打印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" />

print.css

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

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