JS实现页面打印

浏览数：30 / 时间：2015年06月09日
  1. <!--打印的实现1：start-->  
  2.   
  3. <input id="btnPrint" type="button" value="打印" onclick="javascript:window.print();" />  
  4.   
  5. <!--将不需要打印的部分，标记为 class="noprint" -->  
  6. <style type="text/css" media=print>  
  7. .noprint{display : none }  
  8. </style>  
  9.   
  10. <p class="noprint">不需要打印的地方</p>  
  11.   
  12. <p>打印的部分</p>  
  13.   
  14.   
  15. <!--打印的实现1：end-->  
  16.   
  17.   
  18.   
  19. <!-- *************************  2011-09-28更新了代码 **************************** -->  
  20.   
  21.   
  22.   
  23.   
  24. <!--打印的实现2：start-->  
  25.   
  26. <input id="btnPrint" type="button" value="打印预览" onclick=preview(1) />  
  27. <script>  
  28. function preview(oper)         
  29. {  
  30. if (oper < 10)  
  31. {  
  32. bdhtml=window.document.body.innerHTML;//获取当前页的html代码  
  33. sprnstr="<!--startprint"+oper+"-->";//设置打印开始区域  
  34. eprnstr="<!--endprint"+oper+"-->";//设置打印结束区域  
  35. prnhtml=bdhtml.substring(bdhtml.indexOf(sprnstr)+18); //从开始代码向后取html  
  36. prnhtmlprnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));//从结束代码向前取html  
  37. window.document.body.innerHTML=prnhtml;  
  38. window.print();  
  39. window.document.body.innerHTML=bdhtml;  
  40. } else {  
  41. window.print();  
  42. }  
  43. }  
  44. </script>  
  45.   
  46. <p>XXXXX</p>  
  47.   
  48. <!--startprint1-->要打印的内容<!--endprint1-->  
  49.   
  50. 再加个打印按纽 onclick=preview(1)   
  51.   
  52. <!--打印的实现2：end-->  

JS实现页面打印（转载）,古老的榕树,5-wow.com

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class java string html 代码 lu oc la js a display class java string html 代码 lu oc la js a display

相关文章

随机文章

您可能还喜欢

您可能还喜欢