Javascript if（document.images）

Question

我正在分析其他人的JavaScript代码并发现了这种情况

if (document.images)

我在其他网站上发现它用于验证浏览器是否支持动态图像。当我们将鼠标放在图像上时，会加载其他图像。它看起来很古老的JavaScript。现在使用它是否有意义？这种情况有另一个目标吗？

Answer 1

如果浏览器支持图像数组，则此条件返回true。 Internet Explorer＆gt; 3支持这个:)查看这篇文章http://www.quirksmode.org/js/support.html

是的，这是非常古老的js，现在没有必要检查

Answer 2

预加载图像通常是您可以找到您所描述的代码类型的地方。虽然这在现代浏览器中不是一个问题（它们更加异步，并且可以一次下载许多图像，首先弄清楚屏幕上的内容并下载它）。但是，删除它可能会降低您正在使用的应用程序的性能。

参考文献：

• http://www.pageresource.com/jscript/jpreload.htm
• http://perishablepress.com/press/2009/12/28/3-ways-preload-images-css-javascript-ajax/ （见方法2）

Answer 3

除非您确实需要针对这种旧版浏览器，否则您可以将此检查标记为过时的额外代码，并假设所有主流浏览器都支持图像预加载（实际上它们都是这样），因此具有document.images对象。

document.images对象是当前文档中已加载图像的数组，您可以使用它来附加几乎肯定会加载的图像（即鼠标悬停图像），以实现更平滑的效果

由该条件执行的检查确保浏览器具有document.images对象。

顺便说一下，这不是设计图像驱动效果的最佳方法，除非你真的需要这样做，因为CSS可以让你有更好（更快和更小）的结果。