Javascript 如何随机分配网页图标？

在HTML中，您可以执行类似于

link rel=“icon”type=“image/x-icon”href=“IMG/favicon.ico”

的操作，这样您的网页就会有一个图标。我想知道我是否有多个图标（favicon2.ico、favicon3.ico等）。有没有办法让浏览器从文件夹中的图标文件中随机分配图标

---

因此，一个用户可能会加载页面并获得favicon2作为页面图标，而另一个用户可能会获得favicon3，这是可能的吗？

您可以在页面加载时通过添加javascript动态加载：

let fav_num = Math.floor(Math.random() * 10);

        let favicon = document.createElement('link');
        favicon.rel = 'icon';
        favicon.href = `IMG/favicon${fav_num}.ico`;

        document.head.appendChild(favicon);

---

您可以在页面加载时使用javascript动态加载它：

let fav_num = Math.floor(Math.random() * 10);

        let favicon = document.createElement('link');
        favicon.rel = 'icon';
        favicon.href = `IMG/favicon${fav_num}.ico`;

        document.head.appendChild(favicon);

---

只需将数字分配给目录中一系列所需的fav图标文件。然后为文档头中的链接分配一个id

fav图标的href可以用js更改，然后在页面加载时更改

// HTML
    <link id="fav-ico" rel="shortcut icon" href="favicon-0.ico">

// JS

    let num = Math.floor(Math.random() * 10);
    let favIco = document.querySelector('#fav-ico');

    favIco.href = "path/to/file/favicon-" + num + ".ico"

//HTML
//JS
设num=Math.floor（Math.random（）*10）；
让favIco=document.querySelector（'fav ico'）；
favIco.href=“path/to/file/favicon-”+num+“.ico”

只需为目录中一系列所需的fav图标文件分配编号即可。然后为文档头中的链接分配一个id

fav图标的href可以用js更改，然后在页面加载时更改

// HTML
    <link id="fav-ico" rel="shortcut icon" href="favicon-0.ico">

// JS

    let num = Math.floor(Math.random() * 10);
    let favIco = document.querySelector('#fav-ico');

    favIco.href = "path/to/file/favicon-" + num + ".ico"

//HTML
//JS
设num=Math.floor（Math.random（）*10）；
让favIco=document.querySelector（'fav ico'）；
favIco.href=“path/to/file/favicon-”+num+“.ico”

您可以使用javascipt获得随机Favicon

要实现这一结果：

• 将favicon添加到文件夹（“./”）的根目录或任何其他文件夹（在favicon名称前添加路径）
• 像这样向link元素添加Id

• 然后添加JS脚本以获得随机图标（这里我将它替换为3个图标，更多图标只需将3个图标替换为多个图标）

让faviconElem=document.getElementById（'favicon'）；
faviconElem.setAttribute（'href'，`./favicon${Math.floor（3*Math.random（））+1}.ico`）；

查找附加的代码段。

文件
让faviconElem=document.getElementById（'favicon'）；
faviconElem.setAttribute（'href'，`./favicon${Math.floor（3*Math.random（））+1}.ico`）；

您可以使用javascipt获得随机Favicon

要实现这一结果：

• 将favicon添加到文件夹（“./”）的根目录或任何其他文件夹（在favicon名称前添加路径）
• 像这样向link元素添加Id

• 然后添加JS脚本以获得随机图标（这里我将它替换为3个图标，更多图标只需将3个图标替换为多个图标）

让faviconElem=document.getElementById（'favicon'）；
faviconElem.setAttribute（'href'，`./favicon${Math.floor（3*Math.random（））+1}.ico`）；

查找附加的代码段。

文件
让faviconElem=document.getElementById（'favicon'）；
faviconElem.setAttribute（'href'，`./favicon${Math.floor（3*Math.random（））+1}.ico`）；