三谈Iframe自适应高度代码

在构建B/S系统界面的时候，经常会遇到主页面index.html中嵌套其他页面的情况，虽然已经有的库已经提供了控件(例如jQuery easy UI),但是有时候iframe的使用是不可避免的,这篇文章应该给你一个相对来说比较实用的答案,正象文章所说,互联网上的大部分东西都是垃圾或者是不可相信的！原文有KOUBEI UED 由校整理！
为什么是三谈
为什么是三谈呢？一是因为这真的是一个被说烂的话题，二是因为太师傅在n年前就写过这篇再谈iframe自适应高度。之所以再提该问题，是因为之前项目中确实遇到了这个问题的方方面面，有必要总结一下。希望对各位有帮助，有错误请指正。
同域、子页面高度不会动态增加
这种情况最简单，直接通过脚本获取字页面实际高度，修改iframe元素高度即可。但有二点必须注意：
如果页面内有绝对定位或者没有清浮动的元素，情况有些复杂，不同浏览器处理结果不同，甚至包括Webkit内核的浏览器，具体请看这个Demo。所以你要么进行浏览器检测，要么用Math.max计算一个最大值，要么你想别的方法。
iframe所包含页面可能非常大，需要很长的加载时间，为此直接计算高度的时候，很可能页面还没下载完，高度计算就会有问题。所以最好在iframe的onload事件中计算高度。这里还要注意的是，IE下必须使用微软事件模型obj.attachEvent来绑定onload事件。而别的浏览器直接obj.onload = function(){}也可以。

复制代码

上一篇：编写Web前端代码的注意事项小结

下一篇：IE环境规定div高度必须大于字体高度的问题