码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript之打印页面局部区域

时间:2017-10-24 00:02:44      阅读:238      评论:0      收藏:0      [点我收藏+]

标签:reload   ring   页面   www.   int   asc   red   date   print   

    /**
     * [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();

 

JavaScript之打印页面局部区域

标签:reload   ring   页面   www.   int   asc   red   date   print   

原文地址:http://www.cnblogs.com/johnnyzen/p/7719758.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!