スポンサーリンク
今回は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> |
簡単でしたね！終わり！
スポンサーリンク
