在没有菜单和页脚的情况下打印当前窗口

Question

我需要在没有菜单和页脚的情况下打印网页的当前窗口。我正在使用javascript:window.print()。我使用相同的javascript方法检查了一个网站，该方法排除了菜单和页脚，但无法使用window.print方法计算如何将它们排除为该网站。

Answer 1

向CSS添加媒体查询以选择打印并创建一个'noPrint'类，如下所示：

@media print
{
 .noPrint  {display:none}
}

然后将该类添加到您不希望在打印输出上显示的任何项目：

<div id=header class="noPrint">Some header text</div>
<div id=content>Some content text</div>
<div id=footer class="noPrint">Some footer text</div>

如果输出媒体是打印的，媒体查询将display:none应用于标有noPrint类的任何内容，否则将使所有内容保持不变。

更多信息here