控制iframe高度

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了控制iframe高度相关的知识,希望对你有一定的参考价值。

1. iframe自适应高度

  <iframe id="iframe" src="#" frameborder="0" scrolling="no"  width="100%" height="100%" name="iframe"></iframe>

2. 父子iframe交互

  1 子页面控制高度

    parent.document.all.iframe.height = document.body.scrollHeight;   //chrome
    $(‘#iframe‘, window.parent.document).height($(document).height());   //jquery兼容

  2 父页面访问子页面

      $("#iframe").contents().find("body")

  3 子页面访问父页面

    $(‘#iframe‘, window.parent.document)

    window.parent.window      //访问的是父页面的window

  4 加载页面

      $(window.parent.document).find("#iframe").load(function(){
             //
      }

   链接:http://caibaojian.com/iframe-adjust-content-height.html

以上是关于控制iframe高度的主要内容,如果未能解决你的问题,请参考以下文章

如何让iframe自适应高度

vue下iframe怎么自适应高度

iframe 高度设置iframe 自适应高度方法总结

怎么让iframe自适应浏览器的高度和宽度

什么命令可以使iframe框架里的被引用页面宽高自适应框架宽高?

iframe自适应高度