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

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

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

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

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

③给dom元素注册打印事件，要包含三个函数，顺序不能乱。

<button id="myprint" οnclick="beforePrint();window.print();afterPrint();">打印</button>

可是问题又来了。

我的页面顶部 出现了 title的内容 和 网址，底部也出现了不该出现的东西，怎么办？

一步配置浏览器就好了，如下：

看看谷歌：不勾选 页眉和页脚

其他浏览器，当然如出一辙。