自动适应iframe右边的高度
在开发项目过程中,用iframe嵌套,会发现一个问题,用iframe嵌套的html结构右边不会自动适应高度。
这时候找到了一个解决方法:
<iframename="my_iframe"id="mainframe"marginheight="0"marginwidth="0"frameborder="0"scrolling="no"width="100%"height="100%"src=""></iframe>
2、记住要引入iframe.js文件
<scripttype="text/javascript"src="js/iframe.js"></script>
下面是iframe.js的具体内容
varbrowserVersion=window.navigator.userAgent.toUpperCase(); varisOpera=browserVersion.indexOf("OPERA")>-1?true:false; varisFireFox=browserVersion.indexOf("FIREFOX")>-1?true:false; varisChrome=browserVersion.indexOf("CHROME")>-1?true:false; varisSafari=browserVersion.indexOf("SAFARI")>-1?true:false; varisIE=(!!window.ActiveXObject||"ActiveXObject"inwindow); varisIE9More=(!-[1,]==false); functionreinitIframe(iframeId,minHeight){ try{ variframe=document.getElementById(iframeId); varbHeight=0; if(isChrome==false&&isSafari==false) bHeight=iframe.contentWindow.document.body.scrollHeight; vardHeight=0; if(isFireFox==true) dHeight=iframe.contentWindow.document.documentElement.offsetHeight+2; elseif(isIE==false&&isOpera==false) dHeight=iframe.contentWindow.document.documentElement.scrollHeight; elseif(isIE==true&&isIE9More){//ie9+ varheightDeviation=bHeight-eval("window.IE9MoreRealHeight"+iframeId); if(heightDeviation==0){ bHeight+=3; }elseif(heightDeviation!=3){ eval("window.IE9MoreRealHeight"+iframeId+"="+bHeight); bHeight+=3; } } else//ie[6-8]、OPERA bHeight+=3; varheight=Math.max(bHeight,dHeight); if(height<minHeight)height=minHeight; iframe.style.height=height+"px"; }catch(ex){} } functionstartInit(iframeId,minHeight){ eval("window.IE9MoreRealHeight"+iframeId+"=0"); window.setInterval("reinitIframe('"+iframeId+"',"+minHeight+")",100); }
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持毛票票!