
50代からのHTML / CSS / JavaScriptチャレンジ No.128 プロパティ2
こんにちは〜今日はプロパティについて続きの学習になります。昨日は、JavaScriptでタイトル名の変更と、変数を使って、タイトル名を出力させるところまで行きました。
どんな時に使うのかっていうと、メールサービスをwebサイトで使ったりするときに、未読の件数が表示されると思うんだけど、あとは、何か作業した時に、変更済みですよみたいなマークが出るようなサービスを使ったりするかもしれないかと思う。そんな時にこれが使えるらしい・・・どう使うのか分からんけど^^;
どういうことかっていうと、

上の状態が今現在のところ。今のタイトルの情報を受けっとてるわけ。で、document.writeのところを、document.titleに変えて、次のように記述する。
document.title = title + '(1)';と書いたとする。

なんか文字列連結をしてるね。そしたら、これを保存して、リロードしてみる。

おぉ、タイトル名のところに(1)がついた。って、そういうプログラムを書いたんだけどね。要はこれが未読件数とかになるわけだ。
別のパターンも見てみる。

今度は、titleの前に'*'をつけてみた。あぁ、予想できるわ(笑)保存&リロード

プログラム書いてると、エディターでこういうのあるよね、まだ保存してないって目印の(笑)
まぁ、このままではまだまだダメだけど、今回は、プロパティっていうのがあるよ、オブジェクトにはねってことが分かることがポイントだからね^^;
で、そのプロパティには代入みたいな形で、=で値を指定すると、上書きできるみたいな、変数に近い使い方ができるのね
それじゃ今日はここまで〜お疲れ様でした^^
いいなと思ったら応援しよう!
