美文网首页
iframe框架自适应

iframe框架自适应

作者: HAXXY | 来源:发表于2019-03-29 10:12 被阅读0次

父页面的html结构

<iframe id="mainFrame" src="" onload="iframeLoad()"></iframe>

父页面的js方法

function iframeLoad() { //框架自适应JS onload="iframeLoad()"
        document.getElementById("mainFrame").height=0;
        document.getElementById("mainFrame").height=document.getElementById("mainFrame").contentWindow.document.body.scrollHeight;
    }

该方法自动获取子页面实际页面高度,并将外层的iframe设置成相应高度

相关文章

  • iframe

    iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。 自适应 iframe 默认情况下，iframe...

  • iframe框架自适应

    父页面的html结构 父页面的js方法 该方法自动获取子页面实际页面高度,并将外层的iframe设置成相应高度

  • Iframe高度自适应

    1. 同域iframe高度自适应 2. 跨域iframe高度自适应

  • 解决iframe高度自适应的问题

    解决iframe高度自适应的问题 最近做某项目，要用到iframe实现类似tab切换的功能，遇到高度不能自适应的问...

  • iframe高度自适应并且取消滚动条

    // // iframe高度自适应 // var ifm= document.getElementById...

  • HTML常用标签解析

    iframe标签 iframe是个内联框架，是在页面里生成个内部框架，可替换标签。 格式