在 Javascript 中预加载背景图像 - 无需事先声明 CSS答案

【问题标题】：Preload a background image in Javascript - without declaring CSS beforehand在 Javascript 中预加载背景图像 - 无需事先声明 CSS
【发布时间】：2011-05-03 08:15:19
【问题描述】：

我已经知道如何使用 Image.onload 预加载图像。但是如何预加载 style.background 图片呢？

我需要一个游戏来为不同级别的 DHTML 游戏预加载精灵表。

我没有成功弄清楚如何让 style.background 使用 Image 对象。

那么我该如何预加载 style.background 图片，仅使用 Javascript。

【问题讨论】：

有什么原因不能在 HTML 本身中预加载它并将其隐藏在 CSS 中？
我的问题中的关键词是“不同级别” - 我不希望玩家必须一次下载所有资产

标签： javascript css image background-image

【解决方案1】：

只需按正常方式预加载即可。

无论您将其用作img 元素还是background-image 属性，图像都会被缓存。

【讨论】：