广

JavaScript

  • IOS开发
  • android开发
  • PHP编程
  • JavaScript
  • ASP.NET
  • ASP编程
  • JSP编程
  • Java编程
  • 易语言
  • Ruby编程
  • Perl编程
  • AJAX
  • 正则表达式
  • C语言
  • 编程开发

    js 实现页面打印功能

    2018-04-05 08:31:51 次阅读 稿源:互联网
    零七广告

    要实现页面打印功能。这个需求往往听起来挺复杂,挺高级的,其实没那么难,下面本文分享一种超简单的方法实现页面的打印功能,不仅可以打印整个页面,还可以打印页面某块区域。下面是具体的实例代码:

    1. <html> 
    2. <head> 
    3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    4. <script language="javascript"> 
    5. function printdiv(printpage){ 
    6.     var headstr="<html><head><title></title></head><body>"
    7.     var footstr="</body>"
    8.     var newstr=document.all.item(printpage).innerHTML; 
    9.     var oldstr=document.body.innerHTML; 
    10.     document.body.innerHTML=headstr+newstr+footstr; 
    11.     window.print();  
    12.     document.body.innerHTML=oldstr
    13.     return false; 
    14. </script> 
    15. <title>div print</title> 
    16. </head> 
    17. <body> 
    18. <input type="button" onClick="printdiv('div_print');" value=" 打印 "> 
    19. <div id="div_print"> 
    20. <h1 style="Color:Red">被打印区域:www.daimajiayuan.com</h1> 
    21. </div> 
    22. 这块区域是打印不到的! 
    23. </body> 
    24. </html> 

    零七网部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与零七网进行文章共享合作。

    零七广告
    零七广告
    零七广告
    零七广告