最近公司的OA系统刚起步,正在编写一些通用的功能代码,工具类,打印当然必不可少,最简单的实现方式当然是window.print();然而这个方法会打印出当前页面的所有内容 ,后来我选择用@media print来控制打印内容的样式;具体代码如下:
- <style>
- @media print {
- .noprint {
- display: none
- }
- }
- </style>
- 这里是打需要打印的内容.<span class="noprint">只显示不打印</span>
- <div class="noprint" >
- <table style="margin:0 auto;width:500px;">
- <tr align="center" ><td>
- <object id="WebBrowser" classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height="0"
- width="0">
- </object>
- <input type="button" value="打印" onclick="document.all.WebBrowser.ExecWB(6,1)">
- <input type="button" value="页面设置" onclick="document.all.WebBrowser.ExecWB(8,1)">
- <input type="button" value="直接打印" onclick="document.all.WebBrowser.ExecWB(6,6)">
- <input type="button" value="打印预览" onclick="document.all.WebBrowser.ExecWB(7,1)">
- </td></tr>
- </table></div>