有A,B,C三個(gè)頁(yè)面,A頁(yè)面包含B頁(yè)面,B頁(yè)面包含C頁(yè)面.A頁(yè)面隨著B(niǎo)頁(yè)面自適應(yīng),C頁(yè)面隨著B(niǎo)頁(yè)面自適應(yīng)

A頁(yè)面

復(fù)制代碼代碼如下:

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

B頁(yè)面

復(fù)制代碼代碼如下:

左邊菜單

C頁(yè)面

將下面這個(gè)JS函數(shù)寫(xiě)到 最最底層的頁(yè)面中(即最孫子的那個(gè)頁(yè)面) 并在body的onload事件中調(diào)用該方法 【下面這個(gè)公式是萬(wàn)能公式】

復(fù)制代碼代碼如下:

//進(jìn)行Iframe的自動(dòng)撐開(kāi),讓所有父頁(yè)面的Iframe都自動(dòng)適應(yīng)包含頁(yè)高度

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‘ 否則火狐無(wú)效

doc = p.document;

break;

}

}

if(p == top){

break;

}

}

}

這里可以寫(xiě)真正的內(nèi)容 并且給該div的padding-bottom設(shè)一個(gè)值

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。