網頁建設技巧之網頁打印隱藏內容
發(fā)布日期:[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"定義起來。