javascript - 不同的网站图标加载？

Question

我试图找到在页面刷新/加载时加载不同的图标的方法。我快速谷歌了一下，但注意到似乎出现在教程中。

Answer 1

基于这里的答案:Changing website favicon dynamically 我创造了你想要的东西。

(function() {
    var arrFavicon = ['link_favicon1', 'link_favicon2', 'link_favicon3']; //put your favicon links here

    var link = document.createElement('link');
    link.type = 'image/x-icon';
    link.rel = 'shortcut icon';
    link.href = arrFavicon[Math.floor(Math.random()*arrFavicon.length)]; //don't need to change here no matter how many favicons you have
    document.getElementsByTagName('head')[0].appendChild(link);
}());

现在，您所要做的就是将您的网站图标链接放入数组 arrFavicon 中，每次加载页面时都会自动生成不同的网站图标。