设置网站图标icon和标题title

最新推荐文章于 2024-02-19 10:57:31 发布

zkau0518

最新推荐文章于 2024-02-19 10:57:31 发布

阅读量961

点赞数 1

文章标签： favicon icons html

本文链接：https://blog.youkuaiyun.com/weixin_39888214/article/details/108266085

版权

本文介绍如何使用HTML及JavaScript动态设置网站的favicon图标和网页标题，包括静态配置和动态更新的方法。

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

HTML设置网站图标和标题

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>这里是title</title>
        <!--网页标题左侧显示-->
        <link rel="icon" href="xxx.ico" type="image/x-icon">
        <!--收藏夹显示图标-->
        <link rel="shortcut icon" href="xxx.ico" type="image/x-icon">
    </head>
    <body>
        
    </body>
</html>

JS动态设置网站图标icon和标题title

const changeFavicon = link => {
  let $favicon = document.querySelector('link[rel="icon"]');
  // If a <link rel="icon"> element already exists,
  // change its href to the given link.
  if ($favicon !== null) {
    $favicon.href =