iframe 框架高度自动修复

最新推荐文章于 2025-05-19 20:48:02 发布

zj1103

最新推荐文章于 2025-05-19 20:48:02 发布

阅读量294

点赞数

CC 4.0 BY-SA版权

分类专栏： jquery专题整理文章标签： iframe 框架 function

本文链接：https://blog.youkuaiyun.com/zj1103/article/details/3415565

jquery专题整理专栏收录该内容

20 篇文章

订阅专栏

本文提供了一段JavaScript代码，该代码能够使网页中的iframe元素根据其内容自动调整高度，从而避免了因固定高度设置而导致的内容显示不全或多余空白的问题。

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

/* iframe 框架高度自动修复只需要在含有框架页的父页中导入此JS引用即可 */

    function reInitIframe()
    {
        var iframes = document.documentElement.getElementsByTagName('iframe');
        for(var i=0;i<iframes.length;i++)
        {
            var iframe = iframes[i];
            try
            {
                var bHeight = iframe.contentWindow.document.body.scrollHeight;
                var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
                var height = Math.max(bHeight, dHeight);
                iframe.height = height;
            }catch (ex){}
        }
    }

    function addReInitIframeEvent()
    {
            try
            {
                if( document.documentElement.getElementsByTagName('iframe').length>0 )
                {
                    window.setInterval("reInitIframe()", 200);
                }
            }catch (ex){}
    }

    window.attachEvent("onload", addReInitIframeEvent);