利用document.all.WebBrowser.ExecWB做打印功能,并使用css样式@media print控制打印区域

转载自http://zhy584520.iteye.com/blog/851625

最近客户要求做一个打印功能,本想在直接用window.print();直接打印出来,感觉不是很满意。于是发现利用active控件打印还是不错。现将源码附上,以供以后项目参考。相信大家一家源码就明白了,相当简单,我在这里就不多废话了。

         css控制打印区域代码如下所示:

Css代码 复制代码 收藏代码
  1. <style>    
  2. @media print {  
  3. .noprint {   
  4. display: none   
  5. }  
  6. }  
  7. </style>   
<style>  
@media print {
.noprint { 
display: none 
}
}
</style> 

 

Html代码 复制代码 收藏代码
  1. 这里是打需要打印的内容.<span class="noprint">我只显示不打印哦,很神奇吧。哈哈</span>  
  2. <div class="noprint" >  
  3. <table style="margin:0 auto;width:500px;">  
  4.     <tr align="center" ><td>  
  5.       <object id="WebBrowser" classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height="0"  
  6.                     width="0">  
  7.       </object>  
  8.   <input type="button" value="打印" onclick="document.all.WebBrowser.ExecWB(6,1)">  
  9.   <input type="button" value="页面设置" onclick="document.all.WebBrowser.ExecWB(8,1)">  
  10. <input type="button" value="直接打印" onclick="document.all.WebBrowser.ExecWB(6,6)">  
  11.   <input type="button" value="打印预览" onclick="document.all.WebBrowser.ExecWB(7,1)">  
  12.     </td></tr>  
  13. </table></div>
posted @ 2013-02-25 16:37  flowbywind  阅读(1991)  评论(0)    收藏  举报