Javascript iframe内的页面调整大小时调用事件

您好，我有一个页面，我知道它将位于iframe内部，当这个页面的高度或宽度发生变化时，我想调用一个事件，例如，这里是我的html fir，包含iframe的oage

  <div class="row">
    <div class="col-xs-12">
      <iframe id="dynamic_iframe_preview" src="iframe.html" style="width:100%" ></iframe>
    </div>
  </div>

但这似乎从未被调用。我通过以下代码实现了这一点，但如果可以避免的话，我更愿意避免使用超时循环

  /*setInterval(function() { 
    console.log($(document).height()); 
  }, 300 );*/

---

我不能代表jQuery，但为什么不简单一点，在iframe标记中添加一个onresize属性，指向您的resize函数呢？您能给我举个例子吗。我以为父页面无法判断iframed页面大小是否改变了？我明白了，我有点误解了。在这种情况下，我想不出从iFrame页面向父页面发送信号以使其调整自身大小的方法，这比只执行超时更简单。尽管请检查：它可能会为您提供读取iFrame内容上的width属性或类似属性所需的信息？我不想向父页面发送信号，我只希望在iFrame内的页面调整大小时触发事件。

  /*setInterval(function() { 
    console.log($(document).height()); 
  }, 300 );*/