日期:2014-01-05  浏览次数:20714 次

网页制造aiyiweb文章简介:网上关于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地址必须是在同一网站下,否则会出现“权限被禁止”的错误。