打印后清除網頁

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" />