iframe高度随内容变动
<iframe id="mainFrame" src="result.jsp" frameborder="0" width="100%" height="100%" οnlοad="this.height=mainFrame.document.body.scrollHeight"></iframe>
上面这句话,就实现了我们需要的效果!
这里主要注意的是2个地方:
1需要将iframe的frameborder设为0,不然还是有可能出现滚动条
2在onload事件中加入“this.height=mainFrame.document.body.scrollHeight”代码,这是为了让iframe的高度在html执行后来动态设置iframe的高度为内容的高度。
内容过长,有可能出现滚动条。。
源码分享爱好者:岳静
共同学习共同进步!