js局部打印的控制

Question

<div id="print">
 <div id="a"></div>
 <div id="b"></div>
 <div id="c"></div>
 <div id="d" class="noprint"></div>
 <div id="e" class="noprint"></div>
</div>

css样式

.noprint{visibility:hidden}

第一个问题局部打印，CSS设置样式-noprint,在局部打印的内容。有两个div不想打印出来的。那么如果添加class="noprint",问题这样设置的话，正常显示页面上。两个div是隐藏的（id为a和b的div），

我的期望是

在正常显示情况下。所有div都要显示

打印预览的时候不显示两个div（id为a和b的div）

请问怎么解决呢？

 

Answer 1

那怎么判断关闭打印,如果点击关闭了.设置显示

Answer 2

if (tata = document.execCommand("print")) { window.close(); }

Answer 3

不使用自带的打印，你自己做一个打印按钮。

绑定事件，执行button点击的时候隐藏d,e，关闭打印的时候显示d,e即可

Answer 4

非常感谢

Answer 5

CSS3 @ media screen only

百度“CSS3 @media”，媒体查询，设置屏幕或打印的样式