Javascript if (document.images)

Question

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

if (document.images)

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

Answer 1

如果浏览器支持图像数组，则此条件返回true。Internet Explorer >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可以让你得到更好(更快，更小)的结果。