パソコン日記

panのパソコンお勉強日記です。

読者登録
現在の読者数 0 人
メールアドレス

  February/2008  
S M T W T F S
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29  
 最新トラックバック
 blog内検索

JavaScript・・・基本(5)

2008-01-31
・・・【 i f 文】と、【 i f 〜 else 文 】・・・復習。
条件が合っている場合の【 i f 文】、
条件が合っていない場合の【 i f 〜 else 文 】
2通りの分岐。
それ以上分岐させるには、 i f 文を重ねる


・・・ switch 文 ・・・
【swich】   → 1回で何通りにも分岐させることができる命令文。

【 break 】  → switch 文を抜け出しなさい!という命令文。break は必ず記入しなければならない。
【 default 】 → その他の条件という意味。


曜日 を表示するデータは数字
 【 日 ・・0 】
 【 月 ・・1 】
 【 火 ・・2 】
 【 水 ・・3 】
 【 木 ・・4 】
 【 金 ・・5 】
 【 土 ・・6 】
-----------------------
<script type="text/javascript">
<!--

// 曜日取得
             1行メモ
var TODAY = new Date();    まず、変数TODAYに今日の日付データ一式を格納する。
var WEEK = TODAY.getDay();  変数WEEKに、TODAYの中の「曜日」にあたるデータを代入。

// 条件分岐
switch(WEEK){      【 switch 】+ 半角の空白 + (変数等)
case 0: document.write("今日は日曜日です!"); break; 【 break 】を忘れないこと。
case 1: document.write("今日は月曜日です!"); break;
case 2: document.write("今日は火曜日です!"); break;  case + 変数の値 + :半角のコロン。
case 3: document.write("今日は水曜日です!"); break;
case 4: document.write("今日は木曜日です!"); break;
case 5: document.write("今日は金曜日です!"); break;
default : document.write("今日は土曜日です!");break;  最後の行に【 default 】
}    【swich】は、中括弧内に 条件分岐を、ひとまとめに することが出来る。

// -->
</script>

-----------------------

・・・書き方・・・
【 i f 文 】
i f (条件){ 処理文 ; }else i f (条件) 処理文 ;
【 switch 文 】
switch(変数等){ case 変数の値 : 条件に合った場合の処理 ; break ; default : break ; }


今日 学んだこと。
i f 文 と、 switch 文 の、書き方の違い。
以前、自分のホームページ【 panの部屋 】に時計を設置しました。
その時は、”学ぶ”というより、”真似る”でした。
ほんの少しだけ、自分で書き換えてみたら、表示させることが出来た、それだけでした。
今日は、その自分が書いたものと、サンプルの HTML とを見比べながら学びました。

サンプルの HTML で、木曜日と金曜日の後の【 break 】をはずしてみたら、
  ↓
今日は木曜日です!今日は金曜日です!
  ↓
このように つながって表示されて【 break 】の必要なのがわかりました。


JavaScript入門より。
panのメモです。
Posted by pan at 22:17:54

記事を評価する

☆☆☆☆☆[5 pt.]
☆☆☆☆[4 pt.]
☆☆☆[3 pt.]
☆☆[2 pt.]
☆[1 pt.]
 pan-作品集

かおもじ

GIFアニメ

色んな表情

表情(gif)

どうぶつ

花と緑

やさい・くだもの

食べ物

その他

ホームページ用

Copyright ©2006-pan
All Rights Reserved

***************
ホームページは

こちら。ヾ(*^_^*)
***************
 お知らせ
作品集は、ただ今お休みをしています。

pan-作品集、かおもじ(16)
 
Copyright(C) PwBlog. All rights reserved.