javascript - 如何随机分配一个网页图标？

Question

在 HTML 中，您可能会执行类似 link rel="icon"type="image/x-icon"href="IMG/favicon.ico" 这样的操作，您的网页就会有一个图标。我想知道我是否有多个图标(favicon2.ico、favicon3.ico 等)是否有办法让浏览器从文件夹中的图标文件中随机分配一个图标？

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

Answer 1

您可以通过在页面加载时使用 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);