jquery iframe自适应高度
经典代码 iFrame 自适应高度,在IE6/IE7/IE8/Firefox/Opera/Chrome/Safari通过测试。
很古老的方法:
<iframe src="../Index.aspx" id="iframe" frameborder="0" scrolling="no" onload="iFrameHeight();" width="100%"></iframe> function iFrameHeight() { var ifm = document.getElementById("iframe"); var subWeb = document.frames ? document.frames["iframe"].document : ifm.contentDocument; if (ifm != null && subWeb != null) { ifm.height = subWeb.body.scrollHeight; } }
下面的两种Jquery方法选择一种即可,很简单,不用判断浏览器高度、宽度等。
jquery代码1:
//注意:下面的代码是放在iframe引用的子页面中调用 $(window.parent.document).find("#iframe").load(function(){ var main = $(window.parent.document).find("#iframe"); var thisheight = $(document).height()+30; main.height(thisheight); });
jquery代码2:
//注意:下面的代码是放在和iframe同一个页面调用 $("#iframe").load(function(){ var mainheight = $(this).contents().find("body").height()+30; $(this).height(mainheight); });
还有其他的种种...