タイトルバーに現在の日付を表示する


動作ブラウザ 【 IE:4.0  NN:6.0
Internet Explorer Netscape Navigator DreamPassport iCab
3.0x 4.0x 4.5 5.0x 5.5 2.0x 3.0x 4.0x 4.x 6.0 2 3 2.x
Windows × - × × × × - × -
Macintosh × - × × × × - -
UNIX - - - - - × × × × - - -
Dreamcast - - - - - - - - - - × × -

ポイント dt = new Date(); y = dt.getFullYear(); m = dt.getMonth() + 1; d = dt.getDate(); document.title = y+"年"+m+"月"+d+"日";
説  明 タイトルバーはdocument.titleに文字列を設定することで変更することができます。現在の日付を表示するにはDateオブジェクトを作成しgetFullYear()、getMonth()、getDate()で年月日を求めます。求めた日付を+記号で連結してdocument.titleに文字列を代入します。
サンプル <html> <head> <title>タイトルバーに現在の日付を表示する</title> <script Language="JavaScript"><!-- function tDate() { dt = new Date(); y = dt.getFullYear(); m = dt.getMonth() + 1; d = dt.getDate(); document.title = y+"年"+m+"月"+d+"日"; } // --></script> </head> <body onLoad="tDate()"> タイトルバーに現在の日付を表示する </body> </html>
補足説明 getMonthは実際の月よりも1少ない値を返します。Netscapeではdocument.titleは読み込み専用であり値を書き込むとエラーになります。これを防ぐにはif (document.all) { 処理 }のようにし処理の部分にタイトルを書き換える命令を入れます。

■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!

写真素材 PIXTA