iframe自适应高度

如何让iframe自适应高度呢，如果你正为此问题而烦恼，那么不妨参考下本文中提供的解决方法，或许对你有所帮助。

1、在iframe父窗体中添加js代码：

01	<script type="text/javascript">

02	//自适应iframe高度

03	//www.jbxue.com

04	function iframeResize(iframe) {

05

try {

06	//var iframe = document.getElementById("contentFrame"); //("contentFrame");

07	var idocumentElement = iframe.contentWindow.document.documentElement;

08	if (idocumentElement.scrollHeight > 560) {

09	iframe.height -= 5;

10	iframe.height = idocumentElement.scrollHeight;

11

}

12

else {

13	iframe.height = 560;

14

}

15

}

16	catch (e) {

17	window.status = 'Error: ' + e.number + '; ' + e.description;

18

}

19

}

20

</script>

2、为嵌在iframe标签添加onload事件：

1	<iframe id="contentFrame" name="contentFrame" src="About.aspx" width="100%"height="560px" frameborder="0" scrolling="no" onload="iframeResize(this)"></iframe>

经过上述二步操作，即可实现iframe自适应高度了，请大家在主流浏览器严格测试下，有问题大家及时沟通交流。