js逻辑_浏览器打印window.print

打印方法

 window.print()

print() 方法用于打印当前窗口的内容, 默认情况下会将整个html页面 的内容转换为pdf ==> 支持在线预览打印或者导出pdf。

以下是打开百度页面 在控制台调用 window.print 方法 后弹出的弹框 ，在右侧可以选择 纵向/横向打印。
需要注意的是： 页眉和页脚是 在打印时自带的， 无法去掉！

也就是说，若是我们想打印某部分数据，需要先准备一个盒子，等待打印时，将这个盒子的内容赋值给document进行打印。

• [1]内容区域

    <div id='print'>
      <!-- 打印内容-->
    </div>
  

• [2] 打印

  const printHTML = document.querySelector('#print').innerHTML
  window.document.body.innerHTML = printHTML
  window.print()
  // 打印完成后重新加载页面
  window.location.reload() 
  

监听打印事件

• beforeprint： 打印开始时被触发
• afterprint：打印结束时被触发
• 举例说明

    window.