首页 > 教程 > 网页教程 > CSS教程 >

Iframe高度自适应代码

时间:2008-04-20 23:01  来源:设计之家  作者:佚名
Iframe高度自适应 IE与FF环境下均可用

  看下面的代码:

<script type="text/javascript">
 function SetCwinHeight(){
  var bobo=document.getElementById("bobo"); //iframe id
  if (document.getElementById){
   if (bobo && !window.opera){
    if (bobo.contentDocument && bobo.contentDocument.body.offsetHeight){
     bobo.height = bobo.contentDocument.body.offsetHeight;
    }else if(bobo.Document && bobo.Document.body.scrollHeight){
     bobo.height = bobo.Document.body.scrollHeight;
    }
   }
  }
 }
</script>
<iframe width="100%" id="bobo" onload="Javascript:SetCwinHeight()" height="1" frameborder="0" src="http://www.sj33.cn/"></iframe>

查看运行效果:


    [ 可先修改部分代码 再运行查看效果 ]

猜你感兴趣

最新文章