vue 动态修改浏览器图标.ico

最新推荐文章于 2025-03-10 21:49:24 发布

吾吾伊伊，野鸭惊啼

最新推荐文章于 2025-03-10 21:49:24 发布

阅读量573

点赞数 1

文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/u010609022/article/details/142352541

版权

function setFavicon(newIconUrl) {
    // 创建新的 link 标签
    var newLink = document.createElement('link');
    newLink.rel = 'icon';
    newLink.type = 'image/x-icon';
    newLink.href = newIconUrl;

    // 获取并移除原有的 favicon link（如果有多个，可能需要更精确的选择器）
    var oldLinks = document.querySelectorAll('link[rel="icon"]');
    for (var i = 0; i < oldLinks.length; i++) {
      oldLinks[i].parentNode.removeChild(oldLinks[i]);
    }

    // 将新创建的 link 插入到 head 中
    document.head.appendChild(newLink);
  }
  setFavicon('https://cos.hqq.life/img/system/logo.ico'); // 替换为新的 favicon 文件 URL