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;

动态更改iframe的高度？

1 个答案: