javascript 裝載iframe子頁面，自適應高度

假設首頁面有一個div，裡面放置一個iframe 複製代碼 代碼如下:<div id="frameBox">
<iframe id="frameWin" src="1.html" name="opWin" style="width:100%; height:100% " frameborder="0" scrolling="no"></iframe>
</div>

3個菜單連結，分別在iframe載入 1.html、2.html、3.html 三個頁面。

3個子頁面分別在自己頁面載入完window.onload執行 複製代碼 代碼如下:function aa(){
var newHeight = document.body.scrollHeight + 20 + "px";
window.parent.document.getElementById("frameBox").style.height = newHeight;
//以上firefox通過，但是ie6必須加上下面這句，不然iframe高度是改了，但是可見地區沒有改
window.parent.document.getElementById("frameWin").style.height = newHeight;
}

以下方法只需要把代碼放在首頁面：
頁面代碼： 複製代碼 代碼如下:<div style="border:1px solid #7e99c6" id="frameBox">
<iframe id="frameWin" src="01.html" name="opWin" style="width:100%; height:100% " frameborder="0" scrolling="no" onload="test2()"></iframe>
</div>

js指令碼（加在首頁面）： 複製代碼 代碼如下:function test2(){
var frameWin = document.getElementById("frameWin");
var frameBox = document.getElementById("frameBox");
var newHeight;
if (frameWin.Document){
newHeight = frameWin.Document.body.scrollHeight + 20 + "px";
}else{
newHeight = frameWin.contentDocument.body.scrollHeight+ 20 + "px";
}
frameWin.style.height = newHeight;
frameBox.style.height = newHeight;
}