打印后清除网页

时间:2013-06-18 14:33:16

标签: javascript html

我正在尝试打印特定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元素。

1 个答案:

答案 0 :(得分:3)

  

有什么猜测是什么问题?

是的,你没有“隐藏”其他内容,你实际上用你的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" />