Iframe自适应高度

    在做页面的时候经常会用到iframe,同样iframe的高度问题一直比较烦人。现在给术一个让iframe根据所包含页面的高度设置自己的高度。
　　
　　调用本地文件，写法如下：
　　

<iframe id="test" src="test1.htm" 
　　　　　　　　　　onload="this.height=test.document.body.scrollHeight"
　　　　　　　　　　frameborder="0"></iframe>

调用http页面，必须加上document.all.

document.all.test.height=document.all.test.document.body.scrollHeight

评论

2 楼 normanding 2008-01-02  

FIXFOX下有时取道的contentDocument.body.offsetHeight=0,是怎么回事情

1 楼 limx 2007-12-10  

没看懂document.all的作用在哪里。

<iframe src="<%=path%>" width="760" scrolling="no" frameborder="0" name="navFrame" id="navFrame"> </iframe>
<script type="text/javascript">
 var iframeids=["navFrame"]
 var iframehide="yes"
 //alert(iframeids.length);
 function dyniframesize() 
 {
  var dyniframe=new Array()
  for (i=0; i<iframeids.length; i++)
  {
   if (document.getElementById)
   {
    dyniframe[dyniframe.length] = document.getElementById(iframeids[i]);
    if (dyniframe[i] && !window.opera)
    {
     dyniframe[i].style.display="block"
     if (dyniframe[i].contentDocument && dyniframe[i].contentDocument.body.offsetHeight){
      dyniframe[i].height = dyniframe[i].contentDocument.body.offsetHeight; }
     else if (dyniframe[i].Document && dyniframe[i].Document.body.scrollHeight){
      dyniframe[i].height = dyniframe[i].Document.body.scrollHeight;}
    }
   }
   if ((document.all || document.getElementById) && iframehide=="no")
   {
    var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])
    tempobj.style.display="block"
   }
  }
 }

 if (window.addEventListener)
 window.addEventListener("load", dyniframesize, false)
 else if (window.attachEvent)
 window.attachEvent("onload", dyniframesize)
 else
 window.onload=dyniframesize

</script>

我一直用这个动态控制高度的js