如何使用Javascript在打印时显示不同的div [英] How to show a different div on printing using Javascript
本文介绍了如何使用Javascript在打印时显示不同的div的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
JavaScript
<script type="text/javascript">
function printDiv() {
var printContent1 = document.getElementById('divMail1');
var printContent2 = document.getElementById('divMail2');
var newWin = window.open('', 'PrintWindow', 'width=800,height=530,top=10,left=100,scrollbars=1,resizable=yes');
newWin.document.open();
newWin.document.write('<html/><body onload="window.print()">' + printContent1.innerHTML + '</body></html>');
newWin.document.close();
}
</script>
HTML
<div id="divMail1">
<div>
<img src="image1.jpg"/>
</div>
<div>
<img src="image2.jpg"/>
</div>
<div id="divMail2">
<div>
<img src="image3.jpg"/>
</div>
<div>
<img src="image4.jpg"/>
</div>
</div>
<input type="button" value="Print" onclick="printDiv()"/>
我想在打印预览中显示一个div(divMail1)并打印另一个div(divMail2) )。可能吗。请帮助我。
Hi, I want to show one div(divMail1) in print preview and print a different div(divMail2). is it possible. please help me.
推荐答案
仅使用CSS执行
<head>
<style type="text/css">
#printable { display: none; }
@media print
{
#non-printable { display: none; }
#printable { display: block; }
}
</style>
</head>
<body>
<div id="non-printable">
Your normal page contents
</div>
<div id="printable">
Printer version
</div>
</body>
这篇关于如何使用Javascript在打印时显示不同的div的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文