gpt4 book ai didi

javascript - 使用 CTRL+SHIFT+R 与 F5 重新加载时,元素测量宽度不同

转载 作者:行者123 更新时间:2023-12-05 06:45:06 30 4
gpt4 key购买 nike

我有插入元素并测量其宽度的代码。 F5刷新时(使用缓存),宽度为440px。使用 CTRL+SHIFT+R(重新下载缓存文件)时,宽度为 290px。类似的问题建议使用 $(window).load .但是我已经尝试过,并且行为没有变化。在 10 秒超时内运行代码也会产生不同的结果。

问题似乎是在应用 css 之前运行测量。但是使用加载事件和/或 10 秒超时应该可以解决这个问题。它没有。

这是 Firefox 30。页面上的所有其他脚本都被禁用。 JS 文件加载在页脚中,css 加载在 <head> 中.

示例:

var $el = $(...);
$el.css('position','absolute').css('left','-9999999px');
$parent.append($el);
var Width = parseInt($el.outerWidth(), 10);
console.log('Width: '+Width); //290 OR 440

没有解决问题的类似问题:

Jquery width() function on chrome gives me different values on loading and reload(F5)

jQuery behaving strange after page refresh (F5) in Chrome

最佳答案

使用 defer 嵌入您的脚本,如下所示:

<script defer src="yourscript.js"></script>

使用 defer 加载脚本确保它在文档被解析后执行(但在触发 DOMContentLoaded 之前)。

关于javascript - 使用 CTRL+SHIFT+R 与 F5 重新加载时,元素测量宽度不同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26249326/

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com