Javascript JS-基于它调整Iframe的大小'；s内容，而不使用超时

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

我想添加代码到Iframe，它将监视内容维度的更改，并在需要时调用resize方法，我不想使用timeout。。。有没有“活动方式”可以做到这一点？

更新

---

我使用纯JS，并希望使用jQuery监视内部文档的滚动宽度和高度。您可以在父窗口中触发事件：

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

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

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

---

正如italo.nascimento所说，使用jQuery进行操作：

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

---

您是否可以访问框架内加载页面的源以向其添加JS？我可以访问iframe和父窗口是什么导致iframe更改大小的？图像加载？内容改变？通常情况下，你只需要将侦听器绑定到这些事件中的每一个。基本上可以是上面提到的任何一个，我听说过突变事件，但无法确定是否可以将其用于我的解决方案

父项。$

如果由于跨域安全限制，两个帧位于不同的域上，则将不起作用。调用该方法不是问题，问题是如何知道内容何时更改，不使用间隔来检查，但他希望根据iframe内容调整大小。因此，iframe本身应该告诉主页何时调整

DOM元素的大小。@italo.nascimento您完全正确，问题是何时告诉主页调整大小