js打印iframe里面的内容

本文介绍了一种使用iframe的contentWindow.print()方法实现打印功能的方法,并解决了仅打印iframe内内容及图片缩放的问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

有时候系统中会有这样的需求,打印某些页面里的某部分内容,采用iframe的contentWindow.print()方法可以实现
<iframe id = "result" src ="..." ></iframe>
<input type="button" value="打印结果" />
当点击按钮时可以实现打印功能
function print(){
document.getElementById("result").contentWindow.print();
}
这样能实现打印功能,但是存在一个问题,就是如果这个iframe所在的这个页面还有其他的内容,而我们只需打印iframe里的内容,我试过了,如果用google那么他可以正常打印,但是IE,360却会打印这个页面的所有内容,这是因为当前也页面的焦点是在整个文档的,所以我们只需要将焦点设为iframe的window对象就可以了
document.getElementById("result").contentWindow。foucs();
在打印之前加一句这个设置就可以了,这样就只会打印我们想要的内容了,虽然这样我还是有个问题,就是我在iframe里如果有图片的话,那么打印出来后图片居然变得比原来的尺寸还小很多,而google里却是图片的原大小,所以为了图片可以打印出来图片可以不那么小,我用的事最笨的办法,在页面里使用更大的比列的图片,这样就算缩小了 那么大小就是刚好是我想要的,寻求更好的办法
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值