javascript - 这是预加载图像的正确方法吗?

标签 javascript html

下面这是预加载图像的正确方法吗?

我有一个表格,一旦“选择选项”更改,该表格就会更改背景。 在我的页面正文中,我有以下内容:

 <body onload="preload();">

在同一页面上的表格中,我有:

 <select onchange="swap();"><option bla bla></select>

还有 js:

 function preload(){
 pic = new image(720, 65);
 pic.src = '../picture.jpg';
 }
 function swap(){
 document.getElementById("table_id_here").style.backgroundImage = '../picture.jpg';
 }

在函数 swap() 中,我猜 picture.jpg 文件已经预加载了,对吗?

有什么方法可以检查图像是否实际上已被缓存(预加载)?

最佳答案

通过使用 sprite 或使用 display:none 隐藏图像,使用 CSS 加载图像。那么 js 前端要做的事情就少了一些。

关于javascript - 这是预加载图像的正确方法吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1832228/

相关文章:

html - 两列响应式网站问题

php - 我可以从 mysql 表中提取 html 而不是纯文本吗?

javascript - Powerange - 通过 javascript 更改值

javascript - 谷歌图表增加y轴宽度增加

javascript - 向名为 'speak' 的原型(prototype)添加方法

带有简单功能导航和 "code hinting"的 JavaScript 编辑器

javascript - 使用参数 MVC 4 javascript 调用操作方法

javascript - 如果选中复选框,则将对象添加到数组,如果未选中,则将对象删除

html - 将 CSS 与 HTML 连接的问题

javascript - 为什么 jQuery 选择器 ':not' 不起作用?