【HTML】根据不同域名设置不同的网站图标（替换 link 中 href 地址）

2025/4/25 14:03:55 来源：https://blog.csdn.net/qq_45677671/article/details/144514970 浏览: 次关键词：【HTML】根据不同域名设置不同的网站图标（替换 link 中 href 地址）

文章目录

代码实现

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><meta http-equiv="x-ua-compatible" content="ie=edge,chrome=1" /><meta name="viewport" content="width=device-width" /><!-- 网站logo设置 --><link rel="icon" href="/logo_two.svg" type="image/svg+xml" /><title>网站名称</title><script>function setFavicon(href) {var link = document.querySelector("link[rel~='icon']");link.href = href;}// 根据不同的域名设置不同的faviconif (window.location.hostname.startsWith('one')) {setFavicon('/logo_one.png');} else {setFavicon('/logo_two.svg');}</script></head><body><div id="app-container"></div></body>
</html>

本网仅为发布的内容提供存储空间，不对发表、转载的内容提供任何形式的保证。凡本网注明“来源：XXX网络”的作品，均转载自其它媒体，著作权归作者所有，商业转载请联系作者获得授权，非商业转载请注明出处。

我们尊重并感谢每一位作者，均已注明文章来源和作者。如因作品内容、版权或其它问题，请及时与我们联系，联系邮箱：809451989@qq.com，投稿邮箱：809451989@qq.com

【HTML】根据不同域名设置不同的网站图标（替换 link 中 href 地址）

文章目录

相关资讯

热文排行

最新新闻

推荐新闻

热搜词