JS实现页面打印(整体、局部)

方式一:window.print()
整体打印
《a href="" rel="external nofollow" target="_self">打印
现在就轻松实现了页面的打印,但是这种方式会将整个页面打印,如果想要实现指定区域的打印需要通过下面的设置
局部打印
首先,在html中,通过star和end来标记打印区域
《h1>这块内容不需要打印 
《!--startprint--> 
《div class="content"> 这里是需要打印的内容 .....
 
《!--endprint--> 
《h1>这块内容不需要打印
然后,在点击事件中添加如下代码
《script>
function doPrint() {   
    bdhtml=window.document.body.innerHTML;   
    sprnstr=" ";   
    eprnstr=" ";   
    prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);   
    prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));   
    window.document.body.innerHTML=prnhtml;  
    window.print();   
}
《/script>

上面的预览和打印按钮不希望打印,如果要过滤的话可以做下面的样式设置
《style type="text/css"> @media print { .noprint{ display: none; } }
or
《style type="text/css" media="print"> .noprint{ display: none; }
两种写法任选其一
分页打印
使用 window.print() 打印时,如果内容超出会自动分页。但是我们如果需要自定义分页范围,如碰到表格分页打印,可以通过进行如下设置:
《table width="100%" border="0" cellpadding="0" cellspacing="0" style="page-break-after:always" >

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值