首页 > 开发 > HTML > 正文

iframe高度自适应代码(兼容FF,Opera,Safari)

2020-09-18 22:10:29
字体:
来源:转载
供稿:网友

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

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表