设计之家 > 教程 > 網頁教程 > CSS教程 >

Iframe高度自適應代碼

作者:佚名 來源:設計之家 時間:2008-04-20
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>

查看運行效果:


    [ 可先修改部分代碼 再運行查看效果 ]
标签:

相關文章:

推薦設計

最新文章