iframe 多层嵌套循环 无尽嵌套循环 高宽比自融入

有A,B,C3个网页页面,A网页页面包括B网页页面,B网页页面包括C网页页面.A网页页面伴随着B网页页面自融入,C网页页面伴随着B网页页面自融入
A网页页面

拷贝编码
编码以下:

<body>
<iframe id="main" name="main" width="980" scrolling="no" frameborder="0" src="B网页页面"
onload="this.height=main.document.body.scrollHeight;this.width=main.document.body.scrollWidth;if(this.height < 410){this.height=410;}">
</iframe>
</body>

B网页页面

拷贝编码
编码以下:

<body>
<!--左侧-->
<div style="flost:left;">
左侧菜单
</div>
<!--右侧-->
<div style="flost:right;">
<iframe id="testIframe" name="testIframe" frameborder=0 style="width: 680px;" scrolling="no" src="C网页页面"></iframe>
</div>
</body>

C网页页面
将下面这个JS涵数写到 最底层的网页页面中(即最孙子的那个网页页面) 并在body的onload恶性事件中启用该方式 【下面这个公式是全能公式】

拷贝编码
编码以下:

<script type="text/javascript">
//开展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'; // 这里1定要留意 火狐务必要加'px‘ 不然火狐失效
doc = p.document;
break;
}
}
if(p == top){
break;
}
}
}
</script>
<body onload="autoHeight();">
<!--经检测 这个最最最子的网页页面的body中务必要有1个有高宽比的div才行 不然上面的自融入起效-->
<div style="height: 1px;">
</div>
<div style="padding-bottom: 10px;"> <!--这句话也是必不能少的-->
这里能够写真实的內容 而且给该div的padding-bottom设1个值
</div>
</body>