js实现网页的过滤打印（去掉你不想出现的内容）

最新推荐文章于 2022-02-17 08:39:24 发布

栁罗风尘

最新推荐文章于 2022-02-17 08:39:24 发布

阅读量8.2k

点赞数 1

分类专栏：相关技术/js打印文章标签：打印 js

本文链接：https://blog.csdn.net/wujiangwei567/article/details/40322295

版权

本文介绍了如何使用JavaScript在打印网页时过滤掉不需要显示的内容。通过在打印前将不需要的元素设置为`display:none`，然后在打印后恢复，实现内容过滤。同时，文章指出使用JS去除打印页眉和页脚的兼容性问题，并建议通过浏览器设置直接解决这个问题，例如在Chrome中取消勾选页眉和页脚，在Firefox中选择空白页打印。

摘要由CSDN通过智能技术生成

首先，我们理解打印的过程，控制页面打印有很多种方法，这里我只讲最简单的一种。

打印分三步：

打印前，打印和打印后。

过滤的原理其实很简单，就是打印前将不该显示的元素全部display = none

然后打印后，再将页面修改回来。

废话不多说：

① 我们首先要注册两个函数

window.οnbefοreprint=beforePrint; 
window.οnafterprint=afterPrint;

②编写打印前的过滤函数和打印后的恢复函数

//打印之前隐藏不想打印出来的信息 
function beforePrint(){
   
   $('.navbar').hide();  //隐藏头部
   $('#page-header').hide(); //隐藏面包屑
   $('#block-region-side-pre').hide(); //隐藏左侧导航栏
  
   

} 
//