网页建设技巧之网页打印隐藏内容

文章类型:常见问题    发表2010-11-01   文章编辑:怒熊网络 · 一站式互联网+技术服务商!   阅读:332

网站建设中经常需用到打印功能,一般的做法是调用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'定义起来。