javascript - JS - 根据内容调整 iframe 的大小，而不使用超时

Question

我有一个使用 window.postMessage 与它的父级（在其他域上）通信的 iframe。在父窗口上，我有一个可以从 iframe 调用的调整大小方法。

我想向 Iframe 添加代码，以观察内容维度的变化，并在需要时调用 resize 方法，我宁愿不使用 timeout ... 有“事件方式”吗？

更新 我用的是纯JS，想监控内部文档的滚动宽度和高度

Answer 1

使用 jQuery，您可以在父窗口中触发事件：

parent.$("iframe").trigger("resize");

在父窗口中，您将收听此事件：

$("iframe").on("resize", function(){
  // do the magic
});

Answer 2

就像 italo.nascimento 说的，用 jQuery 来做：

$(window).resize(function() {
    var winW = $(this).width(),
        winH = $(this).height();
    $("iframe").css({
        width: winW,
        height: winH
    });
}).resize();