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

Question

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

我想在Iframe中添加代码来监视内容维度更改，并在需要时调用resize方法，而不是使用超时...是否有＆＃34;事件方式＆＃34;去做吧？

更新 我使用纯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();