设置iframe高度随内容变动源码与解答

  iframe高度随内容变动

<iframe id="mainFrame" src="result.jsp" frameborder="0" width="100%" height="100%" onload="this.height=mainFrame.document.body.scrollHeight"></iframe>

 上面这句话,就实现了我们需要的效果!

这里主要注意的是2个地方:

1需要将iframe的frameborder设为0,不然还是有可能出现滚动条

2在onload事件中加入“this.height=mainFrame.document.body.scrollHeight”代码,这是为了让iframe的高度在html执行后来动态设置iframe的高度为内容的高度。

内容过长,有可能出现滚动条。。

源码分享爱好者:岳静

共同学习共同进步!

 

你可能感兴趣的:(html,iframe)