js动态修改浏览器导航栏图标和文字

最新推荐文章于 2023-07-28 19:04:25 发布

攻城狮狮

最新推荐文章于 2023-07-28 19:04:25 发布

阅读量4.4k

点赞数 3

分类专栏： js vue

本文链接：https://blog.youkuaiyun.com/wodebokecsdn/article/details/103262943

版权

js 同时被 2 个专栏收录

43 篇文章

订阅专栏

vue

16 篇文章

订阅专栏

change_icon() {
      const changeFavicon = link => {
        let $favicon = document.querySelector('link[rel="icon"]');
        // If a <link rel="icon"> element already exists,
        // change its href to the given link.
        if ($favicon !== null) {
          $favicon.href = link;
          // Otherwise, create a new element and append it to <head>.
        } else {
          $favicon = document.createElement("link");
          $favicon.rel = "icon";
          $favicon.href = link;
          document.head.appendChild($favicon);
        }
      };
      let icon = ""; // 图片地址
      changeFavicon(icon); // 动态修改网站图标
      let title = ""; // 网站标题
      document.title = title; // 动态修改网站标题
    }