网页建设技巧之网页打印隐藏内容
发布日期:[2010/11/1] 编辑:奇亿广州网站建设
网站建设中经常需用到打印功能,一般的做法是调用IE的打印控件,但有个问题是只能整页的打印出来,那如果想某些不打印显示出来,只打印某块结果位置的又该怎么办呢?下面是一种简单的网页打印隐藏内容技巧。
<style type="text/css">
<!--
@media Print
{
.noprint {
DISPLAY: none
}
-->
</style>
<div>正常打印内容</div>
<div class="noprint">不需要打印的隐藏内容</div>
<input name=Submit type="image" src="images/dayin.gif" onClick="window.print();">
这样打印网页时就只打印<div>正常打印内容</div>了,至于其他的不打印内容统统可用样式class="noprint"定义起来。