2016-10-24 4 views
-1

私はこのスクリプトを使ってウェブページのタイトルを変更しています。JavaScriptの文字列にawsomeアイコンを追加

<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

タイトルはフォントがブラウザで制御されているので変更することはできません(font-awesome)。画像をテキストのみ(グリフ)として追加することはできません。 favアイコン(https://en.wikipedia.org/wiki/Favicon)を変更することはできますが、スクリプトを0.5秒ごとに実行することができれば、多くの人があなたのページを非常に*素早く去ることができると思われます! –

+0

あなたのMr_Greenとfreedomn-m.bothが正しいかもしれません。私は本当に悪いか悪いかを判断する前にこれをしたいと思っています。もし変わるfaviconが私にそれをする方法を知りたいのですが。私の間違いから学んだことがあるので、まず最初に、ITをどうやって行うのですか? –

答えて

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> 
関連する問題