使用JavaScript打印页面的一部分

Question

我正在使用JS函数print(window.print())通过打印机打印页面。但是，它打印整个页面，包括看起来很奇怪的"Print" button。我想打印没有该按钮的页面。可能正在打印page-wrapper div会很好。我该怎么办？

感谢。

Answer 1

您可以自定义您的网页＆＃34;打印＆＃34;通过使用特定于打印的样式表显示，导入如下：

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

在该样式表中，您可以删除不希望在打印页面上显示的元素：

.printButton{
    display: none;
}

或者，如果您不关心IE 8的兼容性，那么这样的事情可能有用：

:not(.page-wrapper div){
    display:none;
}

更多信息，＆＃34; A List Apart＆＃34;有一个nice tutorial on the subject