所有浏览器都可以
<html> <head title=""> <title>测试打印</title> <style media="print"> /*只应用于打印的样式*/ .noprint { display: none; } </style> <script>
//通过标签控制 function printDiv1(oper) { bdhtml = window.document.body.innerHTML;//获取当前页的html代码 sprnstr = "<!--startprint" + oper + "-->";//设置打印开始区域 eprnstr = "<!--endprint" + oper + "-->";//设置打印结束区域 prnhtml = bdhtml.substring(bdhtml.indexOf(sprnstr) + 18); //从开始代码向后取html prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr));//从结束代码向前取html window.document.body.innerHTML = prnhtml; window.print();
window.document.body.innerHTML = bdhtml; } //通过样式控制
function printDiv2() { window.print(); } </script> </head> <body> <!--startprint1--> <div>需要打印的(如需打印背景: 在Internet选项--高级--在“打印”一项选上“打印背景颜色和图象”)</div> <!--endprint1--> <div class="noprint"> <div>不需要打印的</div> <input type="button" value="打印(innerHTML法)" onclick="printDiv1(1);" /> <input type="button" value="打印(样式法)" onclick="printDiv2();" /> </div> </body> </html>
如何打印背景:
IE: 在Internet选项--高级--在“打印”一项选上“打印背景颜色和图象”
或者新版的IE:
Firefox:
Chrome:
