动态修改网页icon图标

涔溪

已于 2024-08-23 10:59:25 修改

阅读量3.9k

点赞数 8

CC 4.0 BY-SA版权

分类专栏： js vue 文章标签： vue js

于 2021-05-19 10:31:20 首次发布

本文链接：https://blog.youkuaiyun.com/fghyibib/article/details/117018894

vue 同时被 2 个专栏收录

54 篇文章

订阅专栏

35 篇文章

订阅专栏

本文介绍如何使用Vue.js和JavaScript技术来实现在网页运行时动态更新favicon图标，达到改变网页标识的效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

动态修改网页icon图标

//如果在vue项目中  在App.vue下的 created() 中输入
var link = document.querySelector("link[rel*='icon']") || document.createElement("link");
link.type = "image/x-icon";
link.rel = "shortcut icon";
link.href = this.icon_url;  //icon图标
document.getElementsByTagName("head")[0].appendChild(link);