700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > iframe高度自适应(IE6+ FF Opera Chrome等测试通过)

iframe高度自适应(IE6+ FF Opera Chrome等测试通过)

时间:2022-08-04 18:10:23

相关推荐

iframe高度自适应(IE6+ FF Opera Chrome等测试通过)

在主页面中对于嵌入的iframe页面高度未知,而且iframe页面的高度也不定,故不能在主页面中通过DOM来控制高度。在iframe页面中加入以下脚本便可实现:

/*

iframe 高度自适应脚本(IE6+、FF、Opera、Chrome等测试通过) 作者未知

*/

function iframeAutoFit() {

try {

if(window != parent) {

var a = parent.document.getElementsByTagName("IFRAME");

for(var i = 0; i < a.length; i++) {

if(a[i].contentWindow == window) {

var h1 = 0, h2 = 0, d = document, dd = d.documentElement;

a[i].parentNode.style.height = a[i].offsetHeight +"px";

a[i].style.height = "10px";

if(dd && dd.scrollHeight) {

h1=dd.scrollHeight;

}

if(d.body) {

h2 = d.body.scrollHeight;

}

var h = Math.max(h1, h2);

if(document.all) {

h += 4;

}

if(window.opera) {

h += 1;

}

a[i].style.height = a[i].parentNode.style.height = h +"px";

}

}

}

} catch(ex) {}

}

if(window.attachEvent) {

window.attachEvent("onload", iframeAutoFit);

} else if(window.addEventListener) {

window.addEventListener("load", iframeAutoFit, false);

}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。