改变网页标签图片(favicon)

<head>里添加如下标签:

<link rel="shortcut icon" href="favicon.ico图片路径" type="images/x-icon" />

<link rel="icon" href="favicon.ico图片路径" type="images/x-icon" />

js动态改变:

function createLink(URL,lnkId,charset,media){
   var head = document.getElementsByTagName('head')[0],
   linkTag = null;
            
   if(!URL){
          return false;
   }
     
   linkTag = document.createElement('link');
   linkTag.setAttribute('rel','shortcut icon');
   linkTag.setAttribute('type','image/x-icon');
   linkTag.href = URL;
   head.appendChild(linkTag);
} createLink(
'URL');

注:浏览器调用favicon的原理是首先在网页所在目录寻找favicon.ico文件,如果没有找到就去网站的根目录寻找。所以最简单的方法就是将制作好的favicon文件命名为favicon.ico然后上传到网站的根目录下。

原文地址:https://www.cnblogs.com/xiaoxiao666/p/7047307.html