日期:2014-05-16  浏览次数:20339 次

js 控制打印内容显隐
<html>
<span id="span1">
111111111111111111111111111
</span>
<span id="span1">
<!--<span id="span2" style="display : none"> -->
222222222222222222
</span>
</html>


假如我们不想打印span2中的内容,在页面上添加这样一段javascript程序:

<script>
//-----  下面是打印控制语句  ----------
window.onbeforeprint=beforePrint;
window.onafterprint=afterPrint;

function beforePrint()
{
span2.style.display='none'; //打印之前隐藏不想打印出来的信息

<!--span2.style.display='block';--> //打印之前显示之前隐藏的信息

}
//打印之后将隐藏掉的信息再显示出来
function afterPrint()
{
span2.style.display='';
<!--span2.style.display='none'; -->//打印之后隐藏不想显示出来的信息
}
</script>