Javascript 刷新后加载的html页面是否不同？

我正在一个网站上制作一些东西，我正在通过javascript加载大部分html。由于某些原因，在您第一次加载页面时有些东西不起作用，但在刷新页面后会起作用

下面是发生的事情：

第一次加载页面时，发生了以下情况（div太大）：

然后在刷新之后，发生了以下情况（这就是我想要的）：

以下是我使用的代码：

this.text= "<div class='time mineBorderInvert' style='float:right;display:inline-block;'>0</div>"
this.el.html(this.text);

var H = this.el.find(".time").height();
this.el.find(".restart").css({width:H,height:H});

this.text=“0”
this.el.html（this.text）；
var H=this.el.find（“.time”）.height（）；
this.el.find（“.restart”）.css（{width:H，height:H}）；

变量h在我第一次加载页面时返回32，但在刷新页面后返回21。另外，整个代码都在一个在window.onload函数上激发的函数中

时间div是您可以在图片右侧看到的内容，而restart div是带有刷新图标的内容。
那么，有人知道为什么在第一次加载页面时这不起作用吗

---

但是刷新后会吗？

您可以将var H记录到控制台，并在第一次加载时检查值吗？我猜是因为html是通过js动态加载的，H是空的，而您的div是默认值height@Mark不，它只是作为另一个值返回，我第一次访问该站点时，它返回34，但在重新加载后，它返回21，这很奇怪什么高度是正确的？你在哪里使用js代码？在document.ready function？@demo中，代码从window.onload启动