父窗体计算Iframe内部模块的高度，付给Iframe

最新推荐文章于 2023-12-29 12:51:09 发布

weixin_34327761

最新推荐文章于 2023-12-29 12:51:09 发布

阅读量190

点赞数

CC 4.0 BY-SA版权

原文链接：https://segmentfault.com/a/1190000011423755

本文介绍了一个实用的JavaScript函数，该函数能够自动调整iframe的高度以适应其内容。通过监听iframe加载事件并获取内容的实际高度来实现这一目标，确保了iframe能够无缝融入页面布局。

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

function setIframeHeight(id){
    try{
        var iframe = document.getElementById(id);
        if(iframe.attachEvent){
            iframe.attachEvent("onload", function(){
                iframe.height =  iframe.contentWindow.document.documentElement.scrollHeight;
            });
            return;
        }else{
            iframe.onload = function(){
                iframe.height = iframe.contentDocument.body.scrollHeight;
            };
            return;
        }
    }catch(e){
        throw new Error('setIframeHeight Error');
    }
}