屏蔽非打印元素二法

网络通信

姚恺丰 · 2004年11月1日

　　需要打印网页内容的朋友通常会遇到这样一个问题：明明自己只想打印网页文字，打印机却将整个网页内容打印了出来。当然这也不能怪电脑，谁让它太“笨”了呢。其实，我们在制作页面时，只要对网页本身的代码加以修改，即可让某些网页元素在打印时不再出现。

　　CSS法

　　利用CSS中的@media规则属性，指定打印机设备，某些区域打印，某些区域不打印。适用于不需要打印的元素较多的页面。

　　＜style type=“text/css”＞

　　@media print {

　　.ptn {display:block;}

　　.notptn {display:none;}

　　}

　　＜/style＞

　　＜div class=“notptn”＞这里不打印＜/div＞

　　＜div class=“ptn”＞这里打印＜/div＞

　　JS+Dhtml法

　　点击打印按钮后，先让按钮隐藏，接着执行打印指令，最后再显示出按钮。适用于不需要打印的元素较少的页面。

　　＜script language=“javascript”＞

　　function ptn(){

　　btn.style.display='none';

　　window.print();

　　btn.style.display='';

　　}

　　＜/script＞

　　＜input type=“button” id=“btn” value=“点击我打印后不会出现在纸上” onclick=“ptn()”＞

　　还不赶快去打印试试，是不是效果真的如你所愿呢？