详谈iframe自适应高度实现方法及原理
同域、子页面高度不会动态增加这种情况最简单，直接通过脚本获取字页面实际高度，修改iframe元素高度即可。但有二点必须注意：
如果页面内有绝对定位或者没有清浮动的元素，情况有些复杂，不同浏览器处理结果不同，甚至包括webkit内核的浏览器，具体请看这个demo。所以你要么进行浏览器检测，要么用math.max计算一个最大值，要么你想别的方法。 iframe所包含页面可能非常大，需要很长的加载时间，为此直接计算高度的时候，很可能页面还没下载完，高度计算就会有问题。所以最好在iframe的onload事件中计算高度。这里还要注意的是，ie下必须使用微软事件模型obj.attachevent来绑定onload事件。而别的浏览器直接obj.onload = function(){}也可以。
(function(){ var frame = document.getelementbyid("frame_content_parent"), setiframeheight = function(){ var framecontent = frame.contentwindow.document, frameheight = math.max(framecontent.body.scrollheight,framecontent.documentelement.scrollheight);
frame.height = frameheight; }; if(frame.addeventlistener){ frame.addeventlistener("load",setiframeheight,false); }else{ frame.attachevent("onload",setiframeheight); }})();
