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

Question

我已经意识到 Facebook 会这样做，不知道是否还有其他网页。我想知道是否可以使用 jquery，我之前在进行 ajax 调用时使用了常见的加载 gif，但我认为这将是一个不错的选择。我感谢您的帮助

Answer 1

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.remove()并创建另一个。

Answer 2

以下是更改它的过程：

HEAD 中您的 favicon 的 HTML：

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

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

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