js动态设置html站点标题图标(ico)

我们可以直接在站点根目录直接放一个favicon.ico的ico文件,这样整个站点的默认标题图标就是这个图标了,但有时候我们需要为某个html指定特定的icon图标。(下面演示使用的是WampServer本地服务器)

不放favicon.ico文件时

不放favicon.ico时,站点其实是没有图标的,浏览器通常会显示一个默认的图标。

放favicon.ico文件

当根目录放了favicon.ico时,站点标题图标就会显示我们放置的图标。

用js指定图标

实现代码:

$favicon = document.createElement("link")
$favicon.rel = "icon"
$favicon.href = "1.ico"
document.head.appendChild($favicon)

demo演示:

demo代码:

<html>
  <head>
  </head>

  <body>
    <a>Hello Word!</a>
  </body>

  <script>
    window.onload = function() {
      $favicon = document.createElement("link")
      $favicon.rel = "icon"
      $favicon.href = "1.ico"
      document.head.appendChild($favicon)
    }
  </script>
</html>