iframe高度自适应代码实例下载

在默认状态下，iframe的高度并非是自适应的，有时候这回严重影响页面的美观度，下面就介绍一下如何利用javascript实现iframe页面高度自适应效果，希望能够给需要的朋友带来一定的帮助。

一.实现的javascript代码:

[ 其他 ] 运行代码下载代码

<script>
function iframeAutoFit(iframeObj) 
{ 
  setTimeout(function (){ 
    if(!iframeObj) return; 
    iframeObj.height=(iframeObj.Document?iframeObj.Document.body.scrollHeight:iframeObj.contentDocument.body.offsetHeight); 
  },200); 
}
</script>

二.使用方式:

[ 其他 ] 运行代码下载代码

<script>
<iframe name="theframe" height="235px;" width="770px" frameborder="0" scrolling="no" src="test.aspx"></iframe>
</script>

代码描述：iframe高度自适应。iframe高度自适应代码实例下载

下载全部收藏

137 182

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册

522688

作品：1334 | 粉丝：44

关注

TA的相关作品 >>更多

iframe高度自适应代码实例下载

JavaScript<iframe>高度自适应代码实例

javascript获取移动设备屏幕尺寸代码实例

javascript判断iframe页面加载完毕简单介绍

JavaScript未知高度div垂直居中

js获取操作iframe子页面元素代码下载

JavaScript文本框高度自适应实例代码