有A,B,C三個頁面,A頁面包含B頁面,B頁面包含C頁面.A頁面隨著B頁面自適應,C頁面隨著B頁面自適應

A頁面

復制代碼代碼如下:

οnlοad="this.height=main.document.body.scrollHeight;this.width=main.document.body.scrollWidth;if(this.height < 410){this.height=410;}">

B頁面

復制代碼代碼如下:

左邊菜單

C頁面

將下面這個JS函數寫到 最最底層的頁面中(即最孫子的那個頁面) 并在body的onload事件中調用該方法 【下面這個公式是萬能公式】

復制代碼代碼如下:

//進行Iframe的自動撐開,讓所有父頁面的Iframe都自動適應包含頁高度

function autoHeight(){

var doc = document,

p = window;

while(p = p.parent){

var frames = p.frames,

frame,

i = 0;

while(frame = frames[i++]){

if(frame.document == doc){

frame.frameElement.style.height = doc.body.scrollHeight + 'px'; // 這里一定要注意 火狐必須要加'px‘ 否則火狐無效

doc = p.document;

break;

}

}

if(p == top){

break;

}

}

}

這里可以寫真正的內容 并且給該div的padding-bottom設一個值

總結

以上是生活随笔為你收集整理的iframe嵌套的html高度,iframe 多层嵌套 无限嵌套 高度自适应的解决方案的全部內容，希望文章能夠幫你解決所遇到的問題。

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