今天做打印页面,打印时发现我的按钮也跟着打印出来了,这肯定是不行的,在网上找了好久,都找不到合适的,因为我这个用到了母板页,按钮全部在母板页上面。

用网上搜集到的方法(如下):

<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>