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

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

ウィンドウ

【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 の歴史的仕様として理解しておくとよい

関連リンク

このブログは Xserver 上の WordPress で運用しています。
表示速度が速く、安定しているのでブログ初心者にもおすすめです。
レンタルサーバー エックスサーバー

-ウィンドウ
-

執筆者:

関連記事

【JavaScript入門】window.resizeTo・resizeByの使い方|ウィンドウサイズを絶対・相対で変更する方法を解説

JavaScriptのwindow.resizeTo・resizeByとは?ウィンドウサイズを変更する方法を初心者向けに解説 window.resizeTo() と window.resizeBy() …

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

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

【JavaScript入門】innerWidth・innerHeight・outerWidth・outerHeightの使い方|ウィンドウサイズの取得・設定方法を解説

JavaScriptのinnerWidth・innerHeight・outerWidth・outerHeightとは?ウィンドウサイズの取得・設定方法を解説 innerWidth・innerHeigh …

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

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

【JavaScript入門】window.opener・closed・nameの使い方|親ウィンドウ参照とウィンドウ状態の確認方法を解説

JavaScriptのwindow.opener・closed・nameとは?親ウィンドウの参照やウィンドウ状態の確認方法を解説 window.opener、window.closed、window. …