使用通用选项添加网站图标

Question

我想使用 favicon.ico 将网站图标添加到我的网站。

但是，如果网站没有提供通用图标，我想加载一个通用图标。

如何测试某个图标是否存在，如果不存在，如何操作 DOM 以指向服务器上的通用图标。

Answer 1

你可以使用一些 JavaScript。适应适应...

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

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

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

Answer 2

找到了这个链接，希望我能早点找到这个。

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

在

w3 schools

只需调用 onerror 上的函数即可将 src 重置为通用图像。