想问下关于iframe自动适应高度的问题 [问题点数：30分]

Question

主页用了三个iframe,分别是 a  b  c三个页面,点击a页面上的导航就把b页面替换掉,问题就来了，把b页面替换成d页面之后，因为b页面和d页面的高宽不一样，d页面加载进来后，高比b小好多，就出现了d页面和c页面直接有一大片的空隙.有没有办法就是在加载d页面的同时,获取d页面的高度,然后设置iframe的高度？ iframe

Answer 1

可以设置
jQuery(parent.document).find("#iframeID").height(jQuery(document).height());

Answer 2

自适应高度：<iframe id="mainContent" name="mainContent" src="Welcome.aspx" frameborder="0" scrolling="no" onload="this.height=mainContent.document.body.scrollHeight"></iframe>

Answer 3

$("#contentFrame").load(function() {
                var thisheight = $(this).contents().find("body").height() + 30;
                $(this).height(thisheight < 500 ? 500 : thisheight);
            });