javascript - ajaxリクエスト中に頭のアイコンを「読み込み中」に変更するには?

Question

Facebook がそうしていることに気付きましたが、他の Web ページもどうかはわかりません。jqueryを使用して可能かどうか知りたかったのですが、以前はajax呼び出しを行っているときに一般的な読み込みgifを使用していましたが、これはいい感じだと思います。私はあなたの助けに感謝します

Answer 1

変更する手順は次のとおりです。

HEAD のファビコンの 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.remove()、別のものを呼び出して作成することができます。