IFRAME高度进行自适应 javascript脚本编写【JAVASCRIP】

最新推荐文章于 2025-08-07 21:48:39 发布

歪德

最新推荐文章于 2025-08-07 21:48:39 发布

阅读量411

点赞数

CC 4.0 BY-SA版权

分类专栏： JAVASCRIP 文章标签： javascript 脚本

本文链接：https://blog.youkuaiyun.com/VS0layer/article/details/51272435

JAVASCRIP 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种通过为IFRAME标签添加onLoad事件并调用JavaScript函数来实现IFRAME内页面自适应高度的方法。该方法可以有效避免因高度设置不当导致的滚动条问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<div id="reportDiv" style="height:auto;width: 100%">
            <iframe id="reportIframe" height="500px" width="100%" onLoad="iFrameHeight()" style="background:#fafafa" valign="top" frameborder="NO" border="0"                  framespacing="0"></iframe>
            </div>

     <script type="text/javascript" language="javascript">
         function iFrameHeight() {
        var ifm= document.getElementById("reportIframe");
        var subWeb = document.frames ? document.frames["reportIframe"].document : ifm.contentDocument;
        if(ifm != null && subWeb != null) {
            ifm.height = subWeb.body.scrollHeight + 100;
        }

}

注解：IFRAME标签追加事件onLoad 调用脚本高度自适应函数、从而实现自适应加100的意思是高度增长100 防止自适应出现滚动条