在主页面中对于嵌入的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);
}
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);
}