打印后清除网页

Question

我正在尝试打印特定DIV的内容，并且在打印DIV之后必须正确修复网页，但它仅显示我刚刚打印的DIV并隐藏实际的网页。 猜猜怎么了？

我的代码是

function printdiv(printpage)
{
var newstr = document.all.item(printpage).innerHTML;
document.body.innerHTML = newstr;
window.print();
window.close();
}

和

<img src="im/print.png" onClick="printdiv('mytabprint');" width="50" />

在上面的代码中， mytabprint是我要打印的DIV元素。

Answer 1

猜猜怎么了？

是的，您不是在“隐藏”其他内容，实际上是将整个页面内容替换为div：

document.body.innerHTML = newstr;

您可以简单地使用打印样式表来代替。 例如，将其添加到CSS：

@media print {
   /* 
   rules that only apply for printing 
   like hiding some content
   */
}

或链接单独的CSS进行打印

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