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

Question

您好我有一个页面我知道将在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>

现在在iframe.html页面上我试图执行以下操作，但发现它不起作用。

  $(window).resize(function() {
    console.log($(document).height());
  });

但似乎永远不会被召唤。我使用以下代码进行了此操作，但如果可以避免使用Timeout Loop，则更愿意这样做。

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