iframe 自适应高度支持IE、firefox火狐

IFrame自适应高度实现

最新推荐文章于 2022-09-13 15:05:00 发布

原创最新推荐文章于 2022-09-13 15:05:00 发布 · 2.1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#iframe #firefox #ie

脚本专栏收录该内容

6 篇文章

订阅专栏

本文介绍了两种实现IFrame自适应高度的方法：一种简单但不支持Firefox浏览器；另一种支持包括Firefox在内的多种浏览器，并提供了JavaScript代码确保IFrame内容高度能够自动调整。

第一种:简单,不支持firefox

运行代码
<iframe id="iFrame1" name="iFrame1" width="100%" onload="this.height=iFrame1.document.body.scrollHeight" frameborder="0" src="http://www.youkuaiyun.com" mce_src="index.htm"></iframe>

第二种: 支持firefox

运行代码
<mce:script type="text/javascript"></mce:script> <iframe src="http://www.g.cn" mce_src="http://www.g.cn" onload="iframeFitHeght(this)"></iframe>

在iframe的父窗口加入此函数，用<iframe onload="iframeFitHeght(this)">调用就行