window.print(）实现局部打印功能

Posted 2020-12-06 yihengbaobei

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了window.print(）实现局部打印功能相关的知识，希望对你有一定的参考价值。

使用css3 的媒体查询功能

 @media print{
    .header,.left
    {
    display:none !important;
    }
  }

.header,.left这些class的元素还是会在页面上，但不会出现在打印的预览里。
这样调用window.print()时就可以实现局部打印了。
不过页眉页脚好像无法去掉哦，反正打印预览的时候可以手动取消页眉页脚。

以上是关于window.print(）实现局部打印功能的主要内容，如果未能解决你的问题，请参考以下文章