文档's总高度函数's的返回值在浏览器刷新时发生更改(F5)

Document's total height function's return value changes on browser refresh (F5)

本文关键字:F5 函数 高度 返回值 浏览器 文档 刷新      更新时间:2023-09-26

我有一个计算文档高度的函数,如下所示:

 function getFinalHeight() {
      var body = document.body,
              html = document.documentElement;
      return Math.max( body.scrollHeight, body.offsetHeight,
              html.clientHeight, html.scrollHeight, html.offsetHeight);    
  }

当对文档提出新的请求时,该功能可以正常工作。

但是,当我按F5刷新页面时,会返回另一个小于正确值的值。

代码位于:https://jsfiddle.net/myn0u9oc/1/

例如,当发出新请求时,getfinalheight函数的返回值是正确的,即1740px,但当我按F5时,它返回一个不同的值,即1440px。

我想知道这是否与浏览器缓存之类的东西有关?我是网络设计的新手,所以有人能告诉我出了什么问题吗?谢谢

我迟到了,但对于那些未来有麻烦的人来说:您可能做了一些需要更长时间才能加载的操作,这意味着当加载整个文档时,实际高度会发生变化,从而导致预先返回的值不正确。

我也有同样的问题,如果你把这个函数包装在:中

$(window).on('load', function() {
    
});

那么一切都应该正常工作。