夏日博客

A-A+

实现页面打印的多种方法总结

2016年01月20日 前端设计 暂无评论 阅读 5 views 次

本文章总结了页面打印的多种方法包括了js,css,OBJECT及IEWebBrowser组件中实现页面打印的代码,有需要的朋友可参考一下.

css实现方法,代码如下:

  1. <style>     
  2.   @media   print   {     
  3.         .ptn   {display:block;}           
  4.         .notptn   {display:none;}     
  5. }     
  6. </style>  
  7.   
  8. <div   class="notptn">   不打印</div>     
  9. <div   class="ptn">   打印</div>  
  10.    
  11. <style type="text/css">  
  12. .dd{   
  13. float:left;  
  14. }  
  15. </style>  

OBJECT 不打印按钮,代码如下:

  1. <OBJECT id=WebBrowser classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 width=0></OBJECT>  
  2. <div id=t>  
  3. <input type=button value=打印 onclick=t.style.display='none';document.all.WebBrowser.ExecWB(6,1);t.style.display='block';>  
  4. <input type=button value=打印预览 onclick=t.style.display='none';document.all.WebBrowser.ExecWB(7,1);t.style.display='block';>  
  5. <input type=button value=页面设置 onclick=t.style.display='none';document.all.WebBrowser.ExecWB(8,1);t.style.display='block';>  
  6. </div>  

JavaScript打印,代码如下:

  1. <input id="btnPrint" type="button" value="打印" onclick="javascript:window.print();" />  

IEWebBrowser组件,代码如下:

  1. <OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT>   
  2. <input name=Button onClick=document.all.WebBrowser.ExecWB(1,1) type=button value=打开>  
  3. <input name=Button onClick=document.all.WebBrowser.ExecWB(2,1) type=button value=关闭所有>  
  4. <input name=Button onClick=document.all.WebBrowser.ExecWB(4,1) type=button value=另存为>   
  5. <input name=Button onClick=document.all.WebBrowser.ExecWB(6,1) type=button value=打印>  
  6. <input name=Button onClick=document.all.WebBrowser.ExecWB(6,6) type=button value=直接打印>  
  7. <input name=Button onClick=document.all.WebBrowser.ExecWB(7,1) type=button value=打印预览>  
  8. <input name=Button onClick=document.all.WebBrowser.ExecWB(8,1) type=button value=页面设置>  
  9. <input name=Button onClick=document.all.WebBrowser.ExecWB(10,1) type=button value=属性>  
  10. <input name=Button onClick=document.all.WebBrowser.ExecWB(17,1) type=button value=全选>  
  11. <input name=Button onClick=document.all.WebBrowser.ExecWB(22,1) type=button value=刷新>  
  12. <input name=Button onClick=document.all.WebBrowser.ExecWB(45,1) type=button value=关闭>  
标签：

给我留言