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

轉載于:https://www.cnblogs.com/flysnow-z/archive/2009/04/10/1433286.html

總結

以上是生活随笔為你收集整理的iframe高度自适应（IE6+、FF、Opera、Chrome等测试通过）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。