DIV CSS 佈局教程網

網頁制作POLUOLUO文章簡介：網上關於iframe高度自適應的代碼有很多，但比較雜亂，有一些過於復雜，有一些存在明顯錯誤。

網上關於iframe高度自適應的代碼有很多，但比較雜亂，有一些過於復雜，有一些存在明顯錯誤。緣由心生給出了一段修改後的精簡版本，感覺不錯，簡單修正了其中一處Opera下的錯誤，代碼如下：

JavaScript部分：

<script type="text/javascript">
function SetCwinHeight(iframeObj){
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;
      }
    }
  }
}
</script>

html部分：

<iframe name="frameContent" src="*" frameborder="0" width="100%" onload="SetCwinHeight(this)"></iframe>

標記*號的地方填入iframe頁面的地址。需要注意的是，src地址必須是在同一網站下，否則會出現“權限被禁止”的錯誤。