iframe自适应内容高度，动态变高变低_html/css_WEB-ITnose

开发系统经常用到左边菜单，右边iframe，的框架结构，如果iframe不随着子页面内容的高度随时变化就会出现双滚动条，非常难看。看了别人的方法有些是可以，但是随着iframe的src 变化，有时高度不能变小，只能变大。于是自己写了一个，写得着急，目前只试了firefox 和ie8 ，如果大家发现问题，我们一起讨论。```var browserVersion = window.navigator.userAgent.toUpperCase();var isOpera = false;var isFireFox = false;var isChrome = false;var isSafari = false;var isIE = false;var iframeTime;isOpera = browserVersion.indexOf("OPERA") > -1 ? true : false;isFireFox = browserVersion.indexOf("FIREFOX") > -1 ? true : false;isChrome = browserVersion.indexOf("CHROME") > -1 ? true : false;isSafari = browserVersion.indexOf("SAFARI") > -1 ? true : false;if (!!window.ActiveXObject || "ActiveXObject" in window) isIE = true;function reinitIframe(){ var iframe = document.getElementById("mainFrame"); try{ var height ; if(isIE) height = iframe.contentWindow.document.body.scrollHeight+4; if(isFireFox) height = iframe.contentWindow.document.documentElement.scrollHeight; iframe.height = height; }catch (ex){} } window.setInterval("reinitIframe()", 200); ``````