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

时间:2020-05-28 16:21:07   收藏:0   阅读:100

使用css3 的媒体查询功能

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

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

评论(0
© 2014 mamicode.com 版权所有 京ICP备13008772号-2  联系我们:gaon5@hotmail.com
迷上了代码!