如果用iframe制作网页框架,那么一定对iframe的高度设置发愁,以下这段代码完美的解决了iframe框架的高度自适应问题。
注:用myeclipse进行编译的时候,iframe调用onLoad函数可能会报错,不过运行没有任何问题。本段代码我在IE上实际测试通过,但对其他浏览器的兼容性不清楚。
网页代码:
<iframe src="" id="iframepage" name="iframepage" scrolling=no onLoad="iFrameHeight()" >
</iframe>
Javascript代码:
function iFrameHeight() {var ifm= document.getElementById("iframepage");
var subWeb = document.frames ? document.frames["iframepage"].document : ifm.contentDocument;
if(ifm != null && subWeb != null) {
ifm.height = subWeb.body.scrollHeight;
}
}