自动适应iframe右边的高度

自动适应iframe右边的高度

在开发项目过程中，用iframe嵌套，会发现一个问题，用iframe嵌套的html结构右边不会自动适应高度。

这时候找到了一个解决方法：

2、记住要引入iframe.js文件

下面是iframe.js的具体内容

var browserVersion = window.navigator.userAgent.toUpperCase();

var isOpera = browserVersion.indexOf("OPERA") > -1 ? true : false;

var isFireFox = browserVersion.indexOf("FIREFOX") > -1 ? true : false;

var isChrome = browserVersion.indexOf("CHROME") > -1 ? true : false;

var isSafari = browserVersion.indexOf("SAFARI") > -1 ? true : false;

var isIE = (!!window.ActiveXObject || "ActiveXObject" in window);

var isIE9Mhttp://ore = (! -[1, ] == false);

function reinitIframe(iframeId, minHeight) {

try {

var iframe = document.getElementById(iframeId);

var bHeight = 0;

if (isChrome == false && isSafari == false)

bHeight = iframe.contentWindow.document.body.scrollHeight;

var dHeight = 0;

if (isFireFox == true)

dHeight = iframe.contentWindow.document.documentElement.offsetHeight + 2;

else if (isIE == false && isOpera == false)

dHeight = iframe.contentWindow.document.documentElement.scrollHeight;

else if (isIE == true && isIE9More) {//ie9+

var heightDeviation = bHeight - eval("window.IE9MoreRealHeight" + iframeId);

if (heightDeviation == 0) {

bHeight += 3;

} else if (heightDeviation != 3) {

eval("window.IE9MoreRealHeight" + iframeId + "=" + bHeight);

bHeight += 3;

}

}

else//ie[6-8]、OPERA

bHeight += 3;

var height = Math.max(bHeight, dHeight);

if (height < minHeight) height = minHeight;

iframe.style.height = height + "px";

} catch (ex) { }

}

function startInit(iframeId, minHeight) {

eval("window.IE9MoreRehttp://alHeight" + iframeId + "=0");

whttp://indow.setInterval("reinitIframe('" + iframeId + "'," + minHeight + ")", 100);

}

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。