如何使用 JavaScript 動態更新網站的 Favicon？

動態更新網站圖示

在根據使用者自訂品牌的Web 應用程式中，動態變更頁面圖示以反映私人資訊標籤的標誌變得勢在必行。然而，找到實現這一目標的程式碼或範例可能具有挑戰性。

一個潛在的解決方案是將圖示集合儲存在資料夾中，並在 HTML 頁面旁動態產生對對應 favicon.ico 檔案的引用。

使用JavaScript

要動態更新圖示，您可以使用JavaScript:

var link = document.querySelector("link[rel~='icon']");
if (!link) {
    link = document.createElement('link');
    link.rel = 'icon';
    document.head.appendChild(link);
}
link.href = 'https://stackoverflow.com/favicon.ico';

此程式碼選擇使用querySelector 方法將rel屬性設定為icon 的元素。如果不存在這樣的元素，它將建立一個新的 元素。元素，將 rel 屬性設為 icon，然後將其附加到文件的

。最後，使用所需的圖示路徑更新 href 屬性。

透過將此程式碼合併到您的 Web 應用程式中，您可以根據用戶特定的品牌輕鬆更新圖標，從而實現連貫且個性化的線上體驗。

以上是如何使用 JavaScript 動態更新網站的 Favicon？的詳細內容。更多資訊請關注PHP中文網其他相關文章！