一个项目有两种或者多种title icon

方法有多种这里暂时记录使用的一种

在index.html 模板中添加

<link rel="shortcut icon" href=/static/whtericon.ico>

其中href就是你的图标地址,且图标必须在static中

后续就可以在script 中根据

window.location.href  来判断是否是需要更改的页面

是就替换<link>中的href 地址 如:

   let url = window.location.href;
      const link = document.querySelector('link[rel*=\'icon\']') || document.createElement('link');
      let whter = '/static/whtericon.ico';
      let irr = '/static/irricon.ico';
      // let whter = '/whtericon.ico';
      // let irr = '/irricon.icoico';
      link.type = 'image/x-icon';
      link.rel = 'shortcut icon';
      if (url.indexOf('saveWater')>-1){
        link.href = irr;
      }else {
        link.href = whter;
      }
      document.getElementsByTagName('head')[0].appendChild(link);
    }

全部代码

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值