JavaScript之打印页面局部区域

Posted 2020-10-11 千千寰宇

    /**
     * [print part area of html page]
     * @Author    JohnnyZen
     * @DateTime  2017-10-23
     * @copyright [johnny.weily]
     * @license   [license]
     * @version   [1.0]
     * @link      http://www.johnnyzen.cn/
     * @required  itemX
     * @param     { } [varname] [description]
     * @return    {[type]}                 [description]
     */
    function print(areaId) {
      // 获取当前页的html代码
      var bdhtml = window.document.body.innerHTML
      // 设置打印开始区域
      //var startStr = ‘<!--startprint-->‘;
      // 设置打印结束区域
      //var endStr = ‘<!--endprint-->‘
      // 从标记里获取需要打印的页面
     //var printHtml = bdhtml.substring(bdhtml.indexOf(startStr) + startStr.length, bdhtml.indexOf(endStr))
　　// 也可以通过id获取
　　 var printHtml = areaId == undefined?document.body.innerHTML:document.getElementById(areaId).innerHTML;
      // 需要打印的页面
      window.document.body.innerHTML = printHtml
      window.print();
      // 还原界面
      window.document.body.innerHTML = bdhtml
      //window.location.reload();
    }

 

//精髓
window.document.body.innerHTML = document.getElementById("header").innerHTML;
    window.print();