用HTML预加载图像,有更现代的方法吗？

Question

我有一个由鼠标事件加载的图像.这是一个相当大的图像,所以我想确保它预先加载.我重新介绍了几年前的一些旧技术并发现了这个例子:

<SCRIPT LANGUAGE = JAVASCRIPT>
if (document.images) 
{
   img1 = new Image();
   img2 = new Image();
   img1.src = "imageName1.gif";
   img2.src = "imageName2.gif"
}
</SCRIPT>

我想知道这是否仍然是好的/相关的,或者浏览器可能会自动检测未使用的图像并预先加载它们？注意我的页面必须支持IE6,所以我可能仍然需要更老的技术,但是如果更现代的浏览器有更好的方法,我仍然感兴趣吗？

Answer 1

不,这就是它.为什么改变有用的东西？

但更恰当的用法是这样的

(function() {
   var img1 = new Image();
   var img2 = new Image();
   img1.src = "imageName1.gif";
   img2.src = "imageName2.gif"
})();

要不就

new Image().src = "imageName1.gif";
new Image().src = "imageName2.gif"

这两者都避免了变量使全局范围混乱.

并且language="JavaScript"已被弃用.使用type="text/javascript".