現役システムエンジニアの備忘録

技術スキルや用語などの記録を残していきます

ウィンドウ

【JavaScript入門】status・defaultStatusとは?ステータスバーの文字列を設定する方法と注意点を解説

投稿日:2019年5月12日 更新日:

JavaScriptのstatus・defaultStatusとは?ステータスバーの文字列を参照・設定する方法を解説

window.statuswindow.defaultStatus は、ブラウザのステータスバーに表示される文字列を参照・設定するためのプロパティです。
現在のブラウザではセキュリティ上の理由からほとんど無効化されていますが、JavaScript の歴史的仕様として理解しておくと役立ちます。



statusプロパティとは?

window.status は、ステータスバーに表示される文字列を設定するプロパティです。

window.status = “メッセージを表示します”;

ボタン操作などのイベントに合わせてメッセージを表示する用途で使われていました。

使用例:ボタンクリックでステータスバーに文字を表示

<script>
  window.defaultStatus = “”;
  function clickStatus() {
    window.status = “ボタンがクリックされました。”;
  }
</script>

→ ボタンをクリックするとステータスバーにメッセージが表示されます。



defaultStatusプロパティとは?

window.defaultStatus は、ステータスバーに「デフォルトで表示される文字列」を設定するプロパティです。

window.defaultStatus = “ようこそ!”;

ページ読み込み時に常に表示されるメッセージを設定できます。

使用例:デフォルトメッセージを設定

<script>
  window.defaultStatus = “”;
  function clickStatus() {
    window.status = “ボタンがクリックされました。”;
  }
</script>

→ デフォルトは空白、クリック時にメッセージを表示します。

現代ブラウザでの注意点

  • セキュリティ上の理由でステータスバーの書き換えはほぼ無効化されている
  • Chrome・Firefox・Edge などでは動作しない場合が多い
  • 歴史的な仕様として理解しておく程度で十分



まとめ

  • status:ステータスバーに表示される文字列を設定
  • defaultStatus:デフォルトで表示される文字列を設定
  • 現代ブラウザではほとんど無効化されている
  • JavaScript の歴史的仕様として理解しておくとよい

関連リンク

-ウィンドウ
-

執筆者:

関連記事

【JavaScript入門】back・forward・home・print・stop・findの使い方|ブラウザ操作メソッドをわかりやすく解説

JavaScriptのback・forward・home・print・stop・findとは?ブラウザ操作メソッドを初心者向けに解説 JavaScript には、ブラウザの「戻る」「進む」「印刷」など …

【JavaScript入門】window.closeの使い方|ウィンドウを閉じる方法と注意点を初心者向けに解説

JavaScriptのwindow.closeとは?ウィンドウを閉じる方法と注意点を初心者向けに解説 window.close() は、指定したウィンドウ、または自分自身のウィンドウを閉じるためのメソ …

【JavaScript入門】window.moveTo・moveByの使い方|ウィンドウ位置を絶対・相対で移動する方法を解説

JavaScriptのwindow.moveTo・moveByとは?ウィンドウ位置を移動する方法を初心者向けに解説 window.moveTo() と window.moveBy() は、ブラウザウィ …

【JavaScript入門】pageXOffset・pageYOffsetとは?現在のスクロール位置を取得・設定する方法を解説

JavaScriptのpageXOffset・pageYOffsetとは?現在のスクロール位置を取得・設定する方法を解説 pageXOffset と pageYOffset は、ページがどれだけスクロ …

【JavaScript入門】window.scrollToの使い方|指定位置へスクロールする方法を初心者向けに解説

JavaScriptのwindow.scrollToとは?指定位置へスクロールする方法を初心者向けに解説 window.scrollTo() は、ページを指定した座標位置までスクロールさせるためのメソ …