gpt4 book ai didi

javascript - 为什么我在页面底部用JS会出现 "un-jqueried"内容的闪现?

转载 作者:行者123 更新时间:2023-11-28 02:49:33 25 4
gpt4 key购买 nike

我之前在专业网站管理员上问过一个关于 putting Javascript at the bottom 的问题使用 jQuery 的 $(document).ready() 时的 HTML。答案是 JS 无论如何都必须等待整个 DOM 加载,所以 JS 代码去哪里没有区别。

然而,实际情况似乎并非如此。我正在使用表格排序插件,当加载底部带有 jQ​​uery 的页面时,我首先看到未排序的表格。然后 JS 开始工作,对表格进行排序并向标题添加箭头(这也会改变表格宽度)。它类似于 CSS 中经常发生的“FOUC”(无样式内容的 Flash)。

在页面顶部使用 jQuery,页面加载时表格已排序,并且不会跳转。

为什么会发生这种情况?无论如何,这是让 JS 保持在顶部的唯一解决方案吗?

最佳答案

发生这种情况是因为,一旦所有元素都放入 DOM 中,文档就“准备好了”,但不一定是在它们全部完全加载后。当库位于<head>时标签会在插入 DOM 之前加载,但如果它位于 <body> 中标记当文档准备好时它仍在加载。

因此,即使文档已准备就绪,它仍然必须完全加载库并执行所需的代码,这似乎比 head 中花费的时间更长。标签。事实上:无论哪种方式都会发生,但这种方式更引人注目。

为了防止出现差异:页面的无 JavaScript 版本的样式与 JavaScript 版本相同(或尽可能接近相同)。

( view ready() reference )

关于javascript - 为什么我在页面底部用JS会出现 "un-jqueried"内容的闪现?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4076978/

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