JS 局部打印

木子_lishk

于 2015-05-13 18:27:04 发布

阅读量630

点赞数

分类专栏： html/javascript/php/CSS

html/javascript/php/CSS 专栏收录该内容

48 篇文章

订阅专栏

<!DOCTYPE html> 
<html> 
  <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>打印预览简单实现</title> 
  </head> 
  <body> 
    <div> 
      这是body 里的内容不需要打印，具体的页面设计根据自己的要求自行设计。如果需要一个页面多个tag,可以动态生成tag 
    </div> 
    
    <!--startprint-->
    <div> 
      这是我需要打印的内容 
    </div> 
    <!--endprint-->
    
    <script type="text/javascript"> 
    function preview(){ 
      var bdhtml=window.document.body.innerHTML;//获取当前页的html代码
      var startStr="<!--startprint-->";//设置打印开始区域
      var endStr="<!--endprint-->";//设置打印结束区域
      var printHtml = bdhtml.substring(bdhtml.indexOf(startStr) + startStr.length,bdhtml.indexOf(endStr));//从标记里获取需要打印的页面 
      
      window.document.body.innerHTML=printHtml;//需要打印的页面
      window.print(); 
      //window.document.body.innerHTML=bdhtml;//还原界面
    } 
    preview(); 
    </script> 
  </body> 
</html>