スポンサーリンク
今回はJavaScriptを使用して、ブラウザタブのタイトルを変更するやり方を紹介しようと思います。
目次
目標
ブラインキャット
下のボタンを押してみてください!
ブラウザのタイトルが変わります!
どんな風に変わるかな(・∀・)ニヤニヤ
ブレインキャット
はい!変わりましたね!
では、どうやって変えたか紹介していきます!
document.titleプロパティを使う
ブレインキャット
document.titleプロパティを使うと、変更することができます
記述は下のようにします
1 | document.title = '変更タイトル'; |
ブレインキャット
ちなみにボタンの部分を含めるとこんな感じで書いています
1 2 3 4 5 6 7 | <button class="button" type="button" onclick="onClick();">ブラウザタブのタイトルが変わるよ</button> <script> function onClick(){ document.title = '(ΦωΦ)'; } </script> |
ブレインキャット
簡単でしたね!終わり!
スポンサーリンク