当用户更改主题时，是否可以在网站上更改网站图标？ [复制]

Question

我的网站上有两个主题：红色和蓝色。这很好用。

当用户更改主题时，我必须知道是否可以更改网站图标。

我知道这段代码是用来实现网站图标的：

<link rel="shortcut icon" href="favicon.ico" />
<link rel="icon" href="favicon.ico" />

我需要什么才能让这成为可能？使用 jQuery？

---

我有这个用于更改主题的脚本：

$("#painel_faccao li a").click(function() { 
        $("link#faccao").attr("href",$(this).attr('rel'));      
        $.cookie("css",$(this).attr('rel'), {expires: 365, path: '/'});
     return false;
     
  });

我如何在这里实现这个？

（这个问题对这个函数有更现代的方法）

Answer 1

Stack Overflow 上有一个答案：Changing website favicon dynamically

我最喜欢这个答案：

如果你有以下 HTML sn-p:

<link id="favicon" rel="shortcut icon" type="image/png" href="favicon.png" />

例如，您可以通过更改此链接上的 HREF 元素来使用 Javascript 更改网站图标（假设您使用的是 JQuery）：

$("#favicon").attr("href","favicon2.png");

只需使用 JQuery 检查样式表并根据它更改 favicon。

Answer 2

是的，还有另一种方法。去做吧

1. 删除<link rel="shortcut icon" ...>
2. 在下面添加代码

$(window).load(function () {
    $('head').append('<link href="your_favicon_name.ico" rel="shortcut icon" type="image/x-icon" />');
  });