javascript 装载iframe子页面，自适应高度

　　假设主页面有一个div，里面放置一个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>

　　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;

　　}