JavaScript if 敘述

目錄 : 網頁設計學習課程參考

在本課中, 我們將一同學習JavaScript中的 if 敘述.  if 敘述在程式中是用來依照某種條件作出判斷, 如果條件成立, 則做這件事情; 如果條件不成立,則做另一件事情. if 敘述的語法如下

語法:
                   if (condition) {
                           ---條件成立時做的事情---
                   }

此處的condition為一邏輯判斷式, 必須產出明確的布林值true或false. 如果邏輯判斷式產出的值為true則會執行大括號中的語句. 此處的語句可以是一個JavaScript敘述, 也可以是多個JavaScript敘述. 如果邏輯判斷式產出的值為false, 則會直接越過大括號區段而不執行大括號中的語句.

如果想要在邏輯判斷式產出的值為false時執行某一段程式, 而且該段程式在邏輯判斷式產出的值為true時並不執行, 可以在 if 敘述之後加上else 敘述, 語法如下.

語法:
                   if (condition) {
                           ---條件成立時做的事情---
                   }
                   else {
                          ---條件不成立時做的事情---
                   }


範例


在本範例中示範用的程式如下:

執行後在出現prompt視窗輸入一個分數.

按下確定鍵後結果如下.

現在重新載入網頁並輸入一個不及格分數則結果如下.

另外我們也可在邏輯判斷式產出的值為false時再進一步用其他的邏輯判斷式作進一步的判斷並依結果執行相對應的程式, 方法就是在if敘述後使用else if 敘述, 語法如下.

語法:
                   if (condition1) {
                           ---條件condition1成立時做的事情---
                   }
                   else  if (condition2) {
                          ---條件condition2成立時做的事情---
                   }
                   else {
                          ---條件condition2不成立時做的事情---
                   }

範例


在本範例中我們把數字型的分數轉為成績A, B, C, D, E. 示範用的程式如下:

執行後在prompt視窗輸入分數68.

PS: 版權所有,侵犯著作權必告.