论坛首页 入门技术论坛

Iframe自适应高度

浏览 7331 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2007-12-10  
    在做页面的时候经常会用到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
   发表时间: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
0 请登录后投票
   发表时间:2008-01-02  
FIXFOX下有时取道的contentDocument.body.offsetHeight=0,是怎么回事情
0 请登录后投票
论坛首页 入门技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics