我的博文

iframe自适应高度的实现,兼容IE和FireFox

2009-02-10 13:57 阅读(537) 评论(0) 分类:典
iframe在网页设计中是经常使用的,使用如下代码可以实现,并且兼容IE和FireFox,已经测试通过IE7.0和FF3。
<script type="text/javascript">
 function SetCwinHeight(){
  var idname=document.getElementById("idname"); //iframe 的id名称
  if (document.getElementById){
   if (idname && !window.opera){
    if (idname.contentDocument && idname.contentDocument.body.offsetHeight){
     idname.height = idname.contentDocument.body.offsetHeight;
    }else if(idname.Document && idname.Document.body.scrollHeight){
     idname.height = idname.Document.body.scrollHeight;
    }
   }
  }
 }
</script>
<iframe width="100%" id="idname" onload="Javascript:SetCwinHeight()" height="1" frameborder="0" src="/default.asp?ID=1"></iframe>

 

我要评论

loading...

0条评论