今天做打印页面,打印时发现我的按钮也跟着打印出来了,这肯定是不行的,在网上找了好久,都找不到合适的,因为我这个用到了母板页,按钮全部在母板页上面。
用网上搜集到的方法(如下):
<script>
//----- 下面是打印控制语句 ----------
window.onbeforeprint=beforePrint;
window.onafterprint=afterPrint;
//打印之前隐藏不想打印出来的信息
function beforePrint() {
span2.style.display='none';
}
//打印之后将隐藏掉的信息再显示出来
function afterPrint() {
span2.style.display='';
}
</script>
因为用了母板页的原因,用这个不好做,我没弄出来。
-----------------------------------------------------------------------------------
下面是自己的方法,觉得挺好的,所以记下来以后好用: 设置一个用于打印的样式,注意:media="print"
//<link type="text/css" rel="stylesheet" href="http://pannijingling.blog.163.com/blog/stylesheet.css" media="screen" /> //显示
//<link type="text/css" rel="stylesheet" href="http://pannijingling.blog.163.com/blog/printstyle.css" media="print" /> //打印
<style media="print">
.Noprint {
display: none;
}
</style>
<table class="Noprint" border="0"> //注意这里应用了样式,这个table在打印的时候将不会显示
<tr>
<td>
<object id="WebBrowser" height="0" width="0" classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2">
</object>
<input id="btndy" onclick="document.all.WebBrowser.ExecWB(6,1);" type="button" alue="打印"/>
<input id="btnzjdy" onclick="document.all.WebBrowser.ExecWB(6,6);" type="button" value="直接打印"/>
<input id="btnjmsz" onclick="document.all.WebBrowser.ExecWB(8,1)" type="button" value="页面设置"/>
<input id="btndyyl" onclick="document.all.WebBrowser.ExecWB(7,1)" type="button" value="打印预览"/>
<input id="btnclose" onclick="window.close();" type="button" value="关闭" class="button" />
</td>
</tr>
</table>