遇到解决的问题：iframe高度自适应

123456789soo_

已于 2023-02-08 14:36:34 修改

阅读量216

点赞数 1

分类专栏：遇到并解决的问题文章标签： javascript

于 2023-02-06 14:41:42 首次发布

本文链接：https://blog.youkuaiyun.com/m0_69064503/article/details/128901252

版权

遇到并解决的问题专栏收录该内容

8 篇文章

订阅专栏

该函数用于获取iframe内嵌页面的实际高度，并据此动态调整iframe的height属性，确保内容完整显示。它首先获取iframe元素，然后通过contentDocument或frames属性访问内嵌页面的文档对象，最后设置iframe的高度为内嵌页面的scrollHeight。

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

//iframe内嵌入的页面高度不相同，根据每个页面获取到的高度动态显示
function iFrameHeight(){
    var ifm=document.getElementById("iframe");
    ifm.height=0;
    var subWeb=document.frames?document.frames["iframe"].document:ifm.contentDocument;
    if(ifm !=null && subWeb !=null){
        ifm.height=subWeb.body.scrollHeight;
    }
}