JS - 基於它的內容調整一個Iframe的大小，不使用超時

Question

我有一個使用window.postMessage與它的父級（在其他域上）通信的Iframe。在父窗口上的 我有一個resize方法，可以從iframe中調用。

我想將代碼添加到將監視內容維度更改的iframe中，並在需要時調用resize方法，而不使用超時...是否有「事件方式」來執行此操作？

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