JS实现打印 window.print()

介绍

print() 方法用于打印当前窗口的内容。

局部打印

• 使用css3 @media 查询 属性来进行操作
  媒体类型 print用于打印机和打印预览

  @media print {    
     /** print 中进行显隐等操作 以达到局部打印**/
     .noprint {
         display: none;
      }
  }   
  

打印时背景色消失

• 谷歌：在div的style中添加-webkit-print-color-adjust: exact;
• 火狐：在div的style中添加print-color-adjust: exact; color-adjust: exact;

参考资料

window.print()局部打印三种方式
@page