≮海浪轻风≯

笑对人生,珍惜所有!
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

iframe实现高度自适应,兼容FF、Opera、Safari

Posted on 2009-09-22 16:29  ≮海浪轻风≯  阅读(161)  评论(0)    收藏  举报

http://ln1058.javaeye.com/blog/287724
或者:http://www.godeat.com/blogx/space.php?uid=3&do=blog&id=15430

经测试IE6-8,FF均正常。

编写过程中,因FRAME页面未添加指定的那个JS,导致IE 6,7出现“document.frames...为空或找不到对象”,进而修改如下。

function SetCwinHeight(iframeObj){
if(document.all&&navigator.userAgent.indexOf("MSIE 8.0")>0||!document.all){  
  if (document.getElementById){   
      if (iframeObj){  
          if (iframeObj.contentDocument && iframeObj.contentDocument.body.offsetHeight){  
          iframeObj.height = iframeObj.contentDocument.body.offsetHeight;  
         } else if (document.frames[iframeObj.name].document && document.frames[iframeObj.name].document.body.scrollHeight){  
                  iframeObj.height = document.frames[iframeObj.name].document.body.scrollHeight;  
         }  
     }  
  }
else
{
 iframeObj.height = iframeObj.document.body.scrollHeight+5

}

}

另外看到2篇:

I.js判断浏览器的版本和类型

http://hi.baidu.com/zzf234/blog/item/1da39251cdf4b32d42a75b1f.html

II.JS对屏幕的计算详解

http://elf8848.javaeye.com/blog/348532