欢迎访问:常州市武进区嘉泽中心小学网站 !今天是:
栏目列表
您现在的位置是:首页>>教师>>计算机技术>>网站制作技术>>文章内容
网页中控制是否打印元素的两种方法
发布时间:2008-11-20   点击:   来源:本站原创   录入者:佚名
 

第一种:用样式表(CSS)控制
testprint1.htm
<html>
<head><title>测试样式表控制打印</title></head>
<style type="text/css">
@media print {
   .ptn {display:block;}
   .noptn {display:none;}
   }
</style>
<div class="noptn">这里不打印</div>
<div class="ptn">这里打印</div>
<body>

</body>
</html>


testprint2.html

<html>
<head><title>测试JS控制打印</title></head>
<script language="javascript">
function ptn(){
btn.style.display='none';
window.print();
btn.style.display='';
}
</script>

<body>
<input type="button" id="btn" value="点击我打印后不会出现在纸上" onclick="ptn()">
</body>
</html>


附件:
    关闭窗口
    打印文档
    账号登录
    保持登录 忘记密码?
    账号与武进教师培训平台同步