JavaScript If...Else 語句 · W3School Javascript & jQuery 教程

# JavaScript If...Else 語句 **條件語句用于基于不同的條件來執行不同的動作。** ## 條件語句通常在寫代碼時，您總是需要為不同的決定來執行不同的動作。您可以在代碼中使用條件語句來完成該任務。在 JavaScript 中，我們可使用以下條件語句： * _if 語句_ - 只有當指定條件為 true 時，使用該語句來執行代碼 * _if...else 語句_ - 當條件為 true 時執行代碼，當條件為 false 時執行其他代碼 * _if...else if....else 語句_ - 使用該語句來選擇多個代碼塊之一來執行 * _switch 語句_ - 使用該語句來選擇多個代碼塊之一來執行 ## If 語句只有當指定條件為 true 時，該語句才會執行代碼。 ### 語法 ``` if (條件) { 只有當條件為 true 時執行的代碼 } ``` 注意：請使用小寫的 if。使用大寫字母（IF）會生成 JavaScript 錯誤！ ### 實例當時間小于 20:00 時，生成一個“Good day”問候： ``` if (time<20) { x="Good day"; } ``` x 的結果是： ``` <script>var d=new Date(); var time=d.getHours(); if (time<20) { document.write("Good day"); }</script> Good day ``` 請注意，在這個語法中，沒有 ..else..。您已經告訴瀏覽器只有在指定條件為 true 時才執行代碼。 ## If...else 語句請使用 if....else 語句在條件為 true 時執行代碼，在條件為 false 時執行其他代碼。 ### 語法 ``` if (條件) { 當條件為 true 時執行的代碼 } else { 當條件不為 true 時執行的代碼 } ``` ### 實例當時間小于 20:00 時，將得到問候 "Good day"，否則將得到問候 "Good evening"。 ``` if (time<20) { x="Good day"; } else { x="Good evening"; } ``` x 的結果是： ``` <script>var d=new Date(); var time=d.getHours(); if (time<20) { document.write("Good day"); } else { document.write("Good evening"); }</script> Good day ``` ## If...else if...else 語句使用 if....else if...else 語句來選擇多個代碼塊之一來執行。 ### 語法 ``` if (條件 1) { 當條件 1 為 true 時執行的代碼 } else if (條件 2) { 當條件 2 為 true 時執行的代碼 } else { 當條件 1 和條件 2 都不為 true 時執行的代碼 } ``` ### 實例如果時間小于 10:00，則將發送問候 "Good morning"，否則如果時間小于 20:00，則發送問候 "Good day"，否則發送問候 "Good evening"： ``` if (time<10) { x="Good morning"; } else if (time<20) { x="Good day"; } else { x="Good evening"; } ``` x 的結果是： ``` <script>var d=new Date(); var time=d.getHours(); if (time<10) { document.write("Good morning"); } else if (time<20) { document.write("Good day"); } else { document.write("Good evening"); }</script> Good day ``` ## 更多實例隨機的鏈接本例將輸出 W3School 或微軟公司的鏈接。通過使用隨機數，每個鏈接被輸出的機會為 50%。 ## 課外書如需更多有關 _JavaScript if 語句_的知識，請閱讀 JavaScript 高級教程中的相關內容： [ECMAScript if 語句](/js/pro_js_statements_if.asp "ECMAScript if 語句") if 語句是 ECMAScript 中最常用的語句之一。本節為您詳細講解了如何使用 if 語句。