当用户更改主题时,是否可以在网站上更改favicon？

Question

我的网站上有2个主题:红色和蓝色.这很好......

当用户改变主题时,我必须知道我是否可以做一些改变图标的​​东西......

我知道这段代码是用于实现favicon:

<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上有一个答案:动态更改网站图标

我最喜欢这个答案:

如果您有以下HTML代码段:

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

例如,您可以通过更改此链接上的HREF元素来使用Javascript更改favicon(假设您使用的是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" />');
  });