有趣的 HTML ，随时修改 网站 icon

修改网站icon

学习前端就是很有趣，今天看到了个修改网站 icon 的 demo

上代码

const setFavicon = function (url) {
  const favicon = document.querySelector('link[rel="icon"]')

  if(favicon) {
    favicon.href = url
  } else {
    const link = document.createElement('link')
    link.rel = 'icon'
    link.href = url

    document.head.appendChild(link)
  }
}

setFavicon('url')

// base64 或者在线图标或者静态图片

我觉得csdn 图标不好看，我要改成百度的

const baiduIcon = 'https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png'

setFavicon(baiduIcon)

总结，有趣，但是毫无乱用