动态更改iframe的高度？

Question

我有一个iframe，可以加载内容并在加载时获取页面内容的大小。 页面源是一个有角度的应用程序，因此当您在页面中移动时，页面的高度会发生变化（但是页面实际上并不会刷新以获取数据）。

根据每个角度页面上的不同内容，更改div大小的最佳方法是什么？

有些人建议使用计时器，每隔“ x”秒检查一次-如果可以，我该怎么做？ 如果不是，什么是最佳做法。

我正在使用以下代码

<script type="text/javascript">
  function iframeLoaded() {
      var iFrameID = document.getElementById('idIframe');
      if(iFrameID) {
            // here you can make the height, I delete it first, then I make it again
            iFrameID.height = "";
            iFrameID.height = iFrameID.contentWindow.document.body.scrollHeight + "px";
      }   
  }
</script>   

而iframe看起来像这样

<iframe id="idIframe" onload="iframeLoaded()" ...

Answer 1

计时器不是一个好主意

尝试

const my_cool_function = function (){
  var y = window.innerHeight;
  var x = window.innerWidth;
   setThatDivTheSize({x, y});
}


window.onresize = my_cool_function;