前端——进入页面设置iframe自适应高度

原创已于 2023-10-26 19:27:04 修改 · 252 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #java #javascript

于 2023-10-05 20:45:00 首次发布

前端同时被 2 个专栏收录

26 篇文章

订阅专栏

jQuery

9 篇文章

订阅专栏

文章描述了一个JavaScript函数，用于动态设置IFrame的高度，以适应页面布局变化，通过获取窗口高度并减去头部、底部和侧边栏区域。在window.onload事件中调用该函数，参数为id为wholeAnalysis的IFrame元素。

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

    function setIframeHeight(iframe) {
        if (iframe) {
            var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow;
            if (iframeWin.document.body) {
                iframe.height = window.innerHeight - $(".layui-header").height() - $(".layui-footer").height() - $(".layui-tab-title").height();
            }
        }
    };
    window.onload = function () {
        setIframeHeight(document.getElementById('wholeAnalysis'));
    };