js打印iframe里面的内容

有时候系统中会有这样的需求，打印某些页面里的某部分内容，采用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里却是图片的原大小，所以为了图片可以打印出来图片可以不那么小，我用的事最笨的办法，在页面里使用更大的比列的图片，这样就算缩小了 那么大小就是刚好是我想要的，寻求更好的办法

评论

1 楼 July01 2017-09-27  

最近了解到一款StratoIO打印控件，
功能如下：1、Html友好的打印方式
2、兼容主流浏览器
3、灵活配置的任务
4、交互式打印支持
5、丰富的管理面板和接口
6、个性化服务
浏览器和系统的兼容性都很好，而且不会崩溃。参考http://webprint.stratoio.com/features