iframe 自适应高度代码

法一:
<script type=”text/javascript”>
function reinitIframe(){
var iframe = window.parent.document.getElementById(“main-frame”);
try{
var bHeight = iframe.contentWindow.document.body.scrollHeight;
var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
var height = Math.max(bHeight, dHeight);
iframe.height =  height;
}catch (ex){}
}

reinitIframe();
</script>

其中main-frame为子框架的id,上面的代码放在被包含的框架底部即可

说明:如果想在主框架里进行控制的话,只需要将上面的
var iframe = window.parent.document.getElementById(“main-frame”);
修改为:
var iframe = document.getElementById(“main-frame”);
即可.
演示地址:http://ued.koubei.com/wp-content/iframe_a.html

法二:
<iframe id=”iFrame1″ name=”iFrame1″ width=”100%” onload=”this.height=iFrame1.document.body.scrollHeight” frameborder=”0″ src=”index.htm”></iframe>
看到了吧,关键就在于onload=”this.height=iFrame1.document.body.scrollHeight”!

这个方法本人没有测试,直接用的是第一种方法的.