2016-10-24 3 views
-1

У меня есть этот скрипт, который продолжает изменять название веб-страницы.Добавить шрифт awsome icon в строку Javascript

<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 и т.д. Как я могу это сделать?

+0

Не могли бы вы объяснить, почему вы так делаете? мы могли бы помочь вам с лучшим предложением. –

+0

Вы не можете изменить шрифт в заголовке, так как он контролируется браузером (шрифт-awesome), и вы не можете добавлять изображения, поскольку это только текст (глифы). Вы можете изменить значок fav (https://en.wikipedia.org/wiki/Favicon), но если вы можете его использовать через скрипт каждые 0,5 с, я подозреваю, что многие люди быстро покинут вашу страницу * очень быстро! –

+0

Mr_Green и freedomn-m.both из вас может быть прав. Я просто хочу сделать это, прежде чем решать, плохо это или хорошо. Если изменение значка - единственная альтернатива, чем мне хотелось бы знать, как это сделать. плохо, поэтому я бы узнал по моей ошибке. В первую очередь, как я это делаю ??????? –

ответ

0

Если я не ошибаюсь, то, что вы просите, возможно, попробуйте ниже.

<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> 
Смежные вопросы