七
29
2010
Iframe自适应高度
作者: seasun同域、子页面高度不会动态增加
这种情况最简单,直接通过脚本获取字页面实际高度,修改iframe元素高度即可。但有二点必须注意:
- 如果页面内有绝对定位或者没有清浮动的元素,情况有些复杂,不同浏览器处理结果不同,甚至包括Webkit内 核的浏览器,具体请看这个Demo。 所以你要么进行浏览器检测,要么用
Math.max计算一个最大值,要么你想别的方法。 iframe所包含页面可能非常大,需要很长的加载时间,为此直接计算高度的时候,很可能页面还没下载完,高度计算就 会有问题。所以最好在iframe的onload事件中计算高度。这里还要注意的是,IE下必须使 用微软事件模型obj.attachEvent来绑定onload事件。而别的浏览器直接obj.onload = function(){}也可以。


