我不希望打印导航

Question

您好我已经制作了条款和条件表。 （HTML） 并添加了一个打印按钮。 这一个：

document.write("<input type='button' " +
"onClick='window.print()' " +
"class='printbutton' " +
"value='Print'/>");

Al很好，但是当我打印页面时，它还想打印导航栏（ul）

我怎么能保护它？

Answer 1

创建仅用于打印的样式表（在样式元素上使用media =“print”属性），并在不希望打印的元素上设置display：none。

Answer 2

Thanx asjo。 我会尝试的。

这对我有用。

<style type="text/css">

#printable { display: none; }

@media print
{
    #non-printable { display: none; }
    #printable { display: block; }
}
</style>

然后这个：

<div id="non-printable">
    Your normal page contents
</div>

<div id="printable">
    Printer version
</div>

基本上是asjo建议的。