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>