打印部分页面时,预览的解决方案。

 作者: siping

情况一:针对页面上少量元素不打印(不预览)的情况的解决办法是使用style,具体如下:
定义如下style:
@media print {
   .notprint {
           display:none;
           }
}

@media screen {
   .notprint {
           display:inline;
           cursor:hand;
           }
}

所有需要显示但不需要打印(预览)的元素都加上: class='notprint'


情况二:针对只打印(预览)页面上某个区块内容的情况,其解决办法是:定义一个专用的预览页面review.htm,其内容如下:

< head >
< meta  HTTP-EQUIV ="Content-Type"  content ="text/html; charset=gb2312" >
< OBJECT  id =WebBrowser  classid =CLSID:8856F961-340A-11D0-A96B-00C04FD705A2  height =0  width =0 ></ OBJECT >  
</ head >
< style >
@media print 
{
   .notprint {
       display
:none;
       
}

}

@media screen 
{
   .notprint {
       display
:inline;
       cursor
:hand;
       
}

}
</ style >
< body >
</ body >
< script >
function window.onload(){
    
var printArea=opener.document.all.printArea;
    window.document.body.innerHTML
=printArea.innerHTML;
    window.focus();
    window.document.all.WebBrowser.ExecWB(
7,1);
    window.close();
}

</ script >

需要预览的时候只要这样调用:
window.open("review.htm")
说明:要打印的区域要用<div id=printArea>和</div>围起来。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值