2007-12-10

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
评论
normanding 2008-01-02
FIXFOX下有时取道的contentDocument.body.offsetHeight=0,是怎么回事情
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
发表评论

提醒: 该博客已发表在公共论坛，博客所有留言会成为论坛回贴，留言请注意遵守论坛发贴规则

您还没有登录，请登录后发表评论

lunch
搜索本博客
我的相册
1e355ce5-f4cc-3beb-919d-2973fe8ce41b-thumb
ectable
共 4 张
最近加入圈子
存档
最新评论