将字体真棒图标添加到 Javascript 字符串答案

【问题标题】：Add font awsome icon to a Javascript string将字体真棒图标添加到 Javascript 字符串
【发布时间】：2016-10-24 09:08:53
【问题描述】：

我有这个不断改变网页标题的脚本。

<script>
        var titleArray = ["AAAAA","BBBBB","CCCCC","DDDDD","EEEEE","FFFFF","GGGGG","HHHHH","IIIII","JJJJJ"];
        var N = titleArray.length;
        var i = 0;
        setInterval(func,500);
        function func(){
            if (i == 10) {
                i = 0;
            }
            document.title = titleArray[i];
            i++;
        }

</script>

标题是字符串的形式，但我希望能够添加字体图标，如 google 图标、字体真棒图标、引导 glypicons 或 icomoon 等。我该怎么做？

【问题讨论】：

你能解释一下你为什么这样做吗？我们也许可以为您提供更好的建议。
您无法更改标题中的字体，因为它由浏览器控制（font-awesome），并且您无法添加图像，因为它只是文本（字形）。您可以更改收藏图标 (en.wikipedia.org/wiki/Favicon)，但如果您每 0.5 秒通过脚本更改一次，我怀疑很多人会非常很快离开您的页面！
Mr_Green 和 Freedomn-m。你们俩都可能是对的。我只是真的想在决定它是好是坏之前先这样做。如果更改图标是唯一的选择，我想知道如何去做。那么如果它很糟糕，那么我会从我的错误中吸取教训。但是第一件事是第一，我该怎么做???????
如果你用全部大写与人交谈，你不会得到任何帮助，只是说，会让人觉得很粗鲁。

标签： javascript jquery string twitter-bootstrap icons

【解决方案1】：

如果我没记错你的要求是可能的，试试下面。

<html>
    <head>
        <link id="ico" rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
        <script type="text/javascript">
            var titleArray = ["http://cdn.sstatic.net/Sites/stackoverflow/img/favicon.ico","https://en.wikipedia.org/static/favicon/wikipedia.ico"];
            setInterval(func,500);
            var i=0;
            function func(){
                if (i == 2) {
                    i = 0;
                }
                document.getElementById('ico').href = titleArray[i];
                console.log(titleArray[i]);
                i++;
            }
        </script>
    </head>
    <body>
        <script type="text/javascript">
            func();
        </script>
    </body>
</html>

【讨论】：