Board logo

標題: [教學] (教學第4篇)JavaScript 條件判斷敘述if [打印本頁]
作者: 小誌    時間: 2010-5-9 17:48     標題: (教學第4篇)JavaScript 條件判斷敘述if

條件判斷敘述if
if判斷敘述是我們最常用來讓程式轉彎的判斷敘述，它的通用格式是：
  1. If  (條件式)
  2. {
  3.      程式敘述
  4. }
複製代碼
它的意義是：如果『條件式』成立（評估值為True），就執行大括號『｛｝』之間的程式敘述，不然的話就跳過大括號『｛｝』之間的程式敘述，繼續執行大括號『｛｝』之後的程式敘述。

實做學習
設計一JavaScript程式，將瀏覽者開始瀏覽網頁的時間顯示在網頁中，若瀏覽時間介於早上９點至下午５點時，則同時在網頁中顯示”現在是上班時間”：
  1. <Script LANGUAGE="JavaScript">
  2. begintime = new Date();
  3. beginhours=begintime.getHours();
  4. beginminutes=begintime.getMinutes();
  5. beginseconds=begintime.getSeconds();
  6. document.write(beginhours+"時"+beginminutes+"分"+beginseconds+"秒<br>");
  7. if  (beginhours>=9  && beginhours<=17)
  8. {
  9. document.write("現在是上班時間");
  10. }
  11. </Script>
複製代碼
原始碼中的『>=』符號及『<=』符號為比較運算子『大於等於』與『小於等於』，用來比較變數beginhours和數值9與15的大小，而『&&』符號則為邏輯運算子是『並且』的意思，如果變數beginhours大於等於9並且小於等於15則回傳True值，大括號『｛｝』之間的程式敘述就會被執行，反之，在大括號『｛｝』之間的程式敘述就不會被執行。


實做學習
之前我們已經介紹過日期物件Date()，同時也告知了擷取相關時間與日期的方法，當我們使用這些方法時，它們所回應的是一個數字，現在就請你利用if判斷敘述將getDay()方法所回應的數字轉換為正確的星期名稱：
  1. <BODY>
  2. 今天是：
  3. <Script LANGUAGE="JavaScript">
  4. now = new Date()
  5. weekday=now.getDay()

  7. if  (weekday == 0)
  8. {document.write("星期天")}
  9. if  (weekday == 1)
  10. {document.write("星期一")}
  11. if  (weekday == 2)
  12. {document.write("星期二")}
  13. if  (weekday == 3)
  14. {document.write("星期三")}
  15. if  (weekday == 4)
  16. {document.write("星期四")}
  17. if  (weekday == 5)
  18. {document.write("星期五")}
  19. if  (weekday == 6)
  20. {document.write("星期六")}

  22. </Script>
  23. </BODY>
複製代碼
if- else條件判斷敘述
if- else敘述的意思是說：「如果…就做…否則就….。」，也就是當比較式成立時做某事，比較式不成立時就做另外一件事。
在我們上一實作學習裡：若瀏覽時間介於早上９點至下午５點時，則在網頁中顯示”現在是上班時間”；若瀏覽者並不是在早上９點至下午５點時這段時間瀏覽網頁，那就不會在網頁中顯示”現在是上班時間”； 若我們希望不是在早上９點至下午５點這時段瀏覽時會顯示”現在是快樂時光”，那我們該如何做呢？或許你會說：就再加一個if敘述來判斷就行了！ 不用這麼麻煩啦！使用if-else條件判斷敘述就行了啦！
  1. If  (條件式)
  2. {   條件式成立的程式敘述}
  3. else
  4. { 條件式不成立的程式敘述}
複製代碼
實做學習
設計一JavaScript程式，將瀏覽者開始瀏覽網頁的時間顯示在網頁中，若瀏覽時間介於早上９點至下午５點時，則同時在網頁中顯示”現在是上班時間”；若非瀏覽時間在早上９點至下午５點時，則在網頁中顯示” 現在是快樂時光”：
[attach]156[/attach]
  1. <BODY>
  2. 現在時間是：
  3. <Script LANGUAGE="JavaScript">
  4. begintime = new Date();
  5. beginhours=begintime.getHours();
  6. beginminutes=begintime.getMinutes();
  7. beginseconds=begintime.getSeconds();
  8. document.write(beginhours+"時"+beginminutes+"分"+beginseconds+"秒<br>");
  9. if  (beginhours>=9  && beginhours<=17)
  10. {
  11. document.write("現在是上班時間");
  12. }
  13. else
  14. {
  15. document.write("現在是快樂時光");
  16. }
  17. </Script>
  18. </BODY>
複製代碼
  ? - :
if-else判斷敘述其實還有分身喔！如果你覺得if-else判斷敘述不滿意你覺得太麻煩，那我們可以改用下列格式的寫法：
  1. (條件式) ? 條件式成立的敘述 : 條件式不成立的敘述
複製代碼
例如：
  1. Now = (x>12) ？ “現在是下午” ： “現在是上午”
複製代碼
上例：now變數的內容當x大於12時則為”現在是下午”，若x小於於12時則為”現在是上午”

實做學習
  1. <BODY>
  2. 現在時間是：
  3. <Script LANGUAGE="JavaScript">
  4. begintime = new Date();
  5. beginhours=begintime.getHours();
  6. beginminutes=begintime.getMinutes();
  7. beginseconds=begintime.getSeconds();
  8. document.write(beginhours+"時"+beginminutes+"分"+beginseconds+"秒<br>");
  9. x=(beginhours>=9 && beginhours<=17) ? "現在是上班時間" : "現在是快樂時光";
  10. document.write(x);
  11. </Script>
  12. </BODY>
複製代碼




歡迎光臨 麻辣家族討論版版 (http://forum.twbts.com/)