动态更改网站图标

一尘不染

动态更改网站图标

html

我有一个Web应用程序，该应用程序根据当前登录的用户进行了品牌标记。我想将页面的图标更改为自有品牌的徽标，但是我找不到任何代码或如何使用该示例的示例。去做这个。以前有人成功做到过吗？

我正在想象一个文件夹中有十二个图标，并且要使用的favicon.ico文件的引用是随HTML页面一起动态生成的。有什么想法吗？

阅读 393

2020-05-10

共1个答案

一尘不染

为什么不？

(function() {
    var link = document.querySelector("link[rel*='icon']") || document.createElement('link');
    link.type = 'image/x-icon';
    link.rel = 'shortcut icon';
    link.href = 'http://www.stackoverflow.com/favicon.ico';
    document.getElementsByTagName('head')[0].appendChild(link);
})();

Firefox应该很棒。

编辑以正确覆盖现有图标

2020-05-10