js局部打印的控制

BobbyLou 发布于 2017/05/17 21:54
阅读 227
收藏 0
jq
<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)

请问怎么解决呢?

 

加载中
1
蓝水晶飞机
蓝水晶飞机

CSS3 @ media screen only

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

BobbyLou
BobbyLou
非常感谢
0
未梦
未梦

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

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

未梦
未梦
if (tata = document.execCommand("print")) { window.close(); }
BobbyLou
BobbyLou
那怎么判断关闭打印,如果点击关闭了.设置显示
返回顶部
顶部