<iframe id="frameWin" src="1.html" name="opWin" height:100% " frameborder="0" ">

利用JS实现iframe 子页面自适应高度

80酷酷网    80kuku.com

  ie6、firefox2 通过,

假设主页面有一个div,里面放置一个iframe
<div id="frameBox">
<iframe id="frameWin" src="1.html" name="opWin" height:100% " frameborder="0"  scrolling="no"></iframe>
</div>

3个菜单链接,分别在iframe加载 1.html、2.html、3.html 三个页面。

3个子页面分别在自己页面加载完var webSiteID = 6;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;
}

分享到
  • 微信分享
  • 新浪微博
  • QQ好友
  • QQ空间
点击: