javascript - 如何使用 Javascript 验证网站图标？

Question

在之前关于 SO 的帖子中我询问了如何使用不存在的网站图标的通用选项显示网站图标。

<img src="example.com/favicon.ico"; alt=""/>

此代码已发布:

var img = document.getElementsByTagName('img')[0],
    favicon = new Image;

favicon.src = 'http://example.com/favicon.ico'

favicon.onerror = function() 
  {
  img.src = 'http://url-on-local-server.com/favicon.ico';
  }

但是我不明白“新图像”的必要性，为什么我不能像这样使用现有图像？

var img = document.getElementsByTagName('img')[0],
img.src = 'http://example.com/favicon.ico'
img.onerror = function() 
  {
  img.src = 'http://url-on-local-server.com/favicon.ico';
  }

Answer 1

找到这个链接，真希望我能在一小时前找到它

<img src="image.gif" onerror="src_to_generic()" />

在

w3 schools

只需在 onerror 上调用一个函数，将 src 重置为通用图像。