添加字体awsome图标到Javascript字符串

Add font awsome icon to a Javascript string

本文关键字:Javascript 字符串 图标 字体 awsome 添加      更新时间:2023-09-26

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

<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>

标题是字符串的形式,但我希望能够添加字体图标,如谷歌图标,字体真棒的图标,引导glypicon,或icomoon等。我怎么做呢?

如果我没看错的话,你可以试试下面的方法。

<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>