打印预览页面关闭后,页面无法响应解决方案

当使用document.body.innerHTML替换页面内容且新内容包含脚本时,会导致打印预览后页面无法响应。解决方案包括:1) 使用`media=print`属性确保在打印时脚本生效;2) 将内容加载到新的窗口进行打印,以避免影响原始页面。
摘要由CSDN通过智能技术生成

问题出现原因:
document.body.innerHTML = newhtml;newhtml若含有脚本,innerHTML重新赋值时,这个脚本是失效的。

解决方案:
1.media=print 这个属性

<style media=print>   
.Noprint{display:none;}   
.PageNext{page-break-after: always;}   
</style>  

media=print 这个属性可以在打印时有效

2.把内容放到一个新的windows窗口中,这样使用打印就不会影响本来的页面了

    var myWindow = window.open("", "打印", "。。。");
    myWindow
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值