javascript - 动态更改网站图标

Question

我有一个根据当前登录的用户标记的网络应用程序。我想将页面的图标更改为私有(private)标签的 Logo ，但我找不到任何代码或任何如何做到这一点的例子。以前有人成功做过吗？

我想象一个文件夹中有十几个图标，并且要使用的 favicon.ico 文件的引用只是与 HTML 页面一起动态生成的。想法？

Answer 1

为什么不呢？

var link = document.querySelector("link[rel~='icon']");
if (!link) {
    link = document.createElement('link');
    link.rel = 'icon';
    document.getElementsByTagName('head')[0].appendChild(link);
}
link.href = 'https://stackoverflow.com/favicon.ico';