javascript - jquery 文档就绪监听器与图像加载；执行令

Question

我有一个页面，我想根据一天中的时间显示不同的图像。

我现在的工作方式是附加到 jquery 就绪监听器，我有一个功能可以选择所有图像元素并根据小时更改它们的源。每个 img 标签都有一个在 html 中指定的默认 src，以防万一用户停用了 js 或其他任何东西。

但是，使用这种方法，我怀疑浏览器开始加载默认图像，然后继续加载特定时间的图像，从而导致不必要的开销。

所以我的问题是:如果我在 jquery 就绪事件中更改了 img 源，img 源是否会在浏览器开始加载图像之前发生更改。

感谢所有回复。如果这是一个重复的问题，我深表歉意，但是关于 jquery 就绪事件的细微差别有一百万个问题。

Answer 1

我认为 ready listener 在所有 html 加载后立即开始运行，这意味着它不会等待 bg 加载并且 ready 将运行。因此，取决于时间，您可以先进行默认加载，然后进行切换。

也许您可以省略图像的 src 或 bg 的 css，只在 ready() 中使用 jquery 添加它。

对于禁用 js 的人，您可以在 noscript block 中进行默认加载