zoukankan      html  css  js  c++  java
  • JavaScript之打印页面局部区域

        /**
         * [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();
  • 相关阅读:
    316. 去除重复字母
    331. 验证二叉树的前序序列化
    225. 用队列实现栈
    197. 上升的温度
    178. 分数排名
    177. 第N高的薪水
    小程序导航
    css3、js动画特效
    背景透明css
    h5新标签IE8不兼容怎么办?
  • 原文地址:https://www.cnblogs.com/johnnyzen/p/7719758.html
Copyright © 2011-2022 走看看