Question

我已经意识到Facebook会这样做，不知道是否还有其他任何网页。我想知道是否有可能使用jquery，我之前在执行ajax调用时使用了常见的加载GIF，但我认为这将是一个很好的接触。感谢您的帮助

Answer 1

以下是更改它的步骤：

HEAD中您的favicon的HTML：

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

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

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

Answer 2

favicon 由服务器HTTP应用程序自动传输（只需发送名为“favicon.ico”的文件，该文件必须位于特定位置），或者您可以通过创建<link>元素。

例如

<link type="image/x-icon" href="http://server.com/path/name.ico" rel="shortcut icon">

所以，当然我们也可以以编程方式创建它！使用jQuery：

var favIcon = $('<link>', {
    type:    'image/x-icon',
    rel:     'shortcut icon',
    href:    'http://servername.com/path/name.ico'
}).appendTo( document.head || document.getElementsByTagName( 'head' )[ 0 ] );

现在有了这些基本知识，我们可以通过删除和创建那些<link>元素来切换 favicon 。所以我们可以调用favIcon.remove()并创建另一个。

如何在ajax请求期间将头部中的图标更改为“加载”？

2 个答案: