Question

这是我关于StackOverflow的第一个问题，非常感谢所有社区。我目前正在尝试解决问题而无法找到任何解决方案：

我想在Iframe中显示内容，iframe必须自动调整大小（高度）

目前，everthings按计划进行，除了一个：当我进入页面时，iframe内容已正确加载，但Iframe的大小不正确。我必须刷新一次，然后它将是正确的大小。这是我的代码：

<script>
  function resizeIframe(obj) {
        obj.style.width = obj.contentWindow.document.body.scrollWidth + 'px';
        obj.style.height = 0;
        obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';
  }
</script>

<iframe  frameborder="0" width="1000" scrolling="no" onload="resizeIframe(this)" src="/myurl.url"></iframe>

非常感谢任何帮助！

谢谢

Answer 1

您可以告诉它在加载后刷新页面或为您的函数设置超时设置，以便在它运行之前等待。

您是否尝试在document.ready（function（）{}）;

中添加该功能

Answer 2

你可以尝试一下吗？

document.getElementById('<iframe id>').onload = function (event) {
    var IframWin = event.target.contentWindow;
    $(IframWin.document).ready(function(){
          //your resize code
    });

    //I think this gonna work
    IframWin.$(document).ready(function(){
          //your resize code
    });
};

编辑 - ＆GT; 如果那个iframe是你的，你可以创建文档就绪功能。你可以从iframe调用父函数。

iframe中的

- ＆gt;

$(document).ready(function(){
    parent.resizeFunction();
});

iframe w /内容加载

2 个答案: