print control with css and javascript

转载于 2005-12-16 12:34:00 发布 · 64 阅读

·

0

·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/webq/archive/2005/12/16/298399.html

文章标签：

#javascript #ViewUI

Sometimes we have to print a web document without some elements on it.
We can utilize gumptious css style or JavaScripts to accomplish this task that seemed be difficult.
1)css:
css style part:

<style media=print type=css/style>
.NotPrint {display:none}
</style>

html part:

<div class=NotPrint id="NotPrintPart">

</div>

2)Javascript:
Javascript part:

1

function onBeforePrint()
2

{
3

document.all.NotPrintPart.style.display="none";
4

//or
5

//document.all.NotPrintPart.style.visibility="hidden";
6

}
7

8

function onAfterPrint()
9

{
10

document.all.NotPrintPart.style.display="";
11

//or
12

//document.all.NotPrintPart.style.visibility="visible";
13

}
14

15

html part:

<body onBeforePrint="onBeforePrint()" onAfterPrint="onAfterPrint()">

<div id=NotPrintPart ></div>

转载于:https://www.cnblogs.com/webq/archive/2005/12/16/298399.html

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。