條件語句用於基於不同的條件來執行不同的動作。 1.條件語句 通常在寫代碼時，您總是需要為不同的決定來執行不同的動作。您可以在代碼中使用條件語句來完成該任務。 在 JavaScript 中，我們可使用以下條件語句： if 語句 - 只有當指定條件為 true 時，使用該語句來執行代碼 if...els ...
條件語句用於基於不同的條件來執行不同的動作。
1.條件語句
通常在寫代碼時，您總是需要為不同的決定來執行不同的動作。您可以在代碼中使用條件語句來完成該任務。
在 JavaScript 中，我們可使用以下條件語句：
- if 語句 - 只有當指定條件為 true 時，使用該語句來執行代碼
- if...else 語句 - 當條件為 true 時執行代碼，當條件為 false 時執行其他代碼
- if...else if....else 語句- 使用該語句來選擇多個代碼塊之一來執行
- switch 語句 - 使用該語句來選擇多個代碼塊之一來執行
2.if 語句
只有當指定條件為 true 時，該語句才會執行代碼。
語法(請使用小寫的 if。使用大寫字母（IF）會生成 JavaScript 錯誤！)
if (condition)
{
//當條件為 true 時執行的代碼
}
實例：
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>Yubaba</title> 6 </head> 7 <body> 8 9 <p>如果時間早於 20:00，會獲得問候 "Good day"。</p> 10 <button onclick="myFunction()">點擊這裡</button> 11 <p id="demo"></p> 12 <script> 13 function myFunction(){ 14 var x=""; 15 var time=new Date().getHours(); 16 if (time<20){ 17 x="Good day"; 18 } 19 document.getElementById("demo").innerHTML=x; 20 } 21 </script> 22 23 </body> 24 </html>
結果：
2.if...else 語句
請使用 if....else 語句在條件為 true 時執行代碼，在條件為 false 時執行其他代碼。
語法
if (condition)
{
//當條件為 true 時執行的代碼
}
else
{
//當條件不為 true 時執行的代碼
}
實例：
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>Yubaba</title> 6 </head> 7 <body> 8 9 <p>點擊這個按鈕，獲得基於時間的問候。</p> 10 <button onclick="myFunction()">點擊這裡</button> 11 <p id="demo"></p> 12 <script> 13 function myFunction(){ 14 var x=""; 15 var time=new Date().getHours(); 16 if (time<20){ 17 x="Good day"; 18 } 19 else{ 20 x="Good evening"; 21 } 22 document.getElementById("demo").innerHTML=x; 23 } 24 </script> 25 26 </body> 27 </html>
3.if...else if...else 語句
使用 if....else if...else 語句來選擇多個代碼塊之一來執行。
語法
if (condition1)
{
//當條件 1 為 true 時執行的代碼
}
else if (condition2)
{
//當條件 2 為 true 時執行的代碼
}
else
{
//當條件 1 和 條件 2 都不為 true 時執行的代碼
}
實例：
1 <html> 2 <head> 3 <meta charset="utf-8"> 4 <title>Yubaba</title> 5 </head> 6 <body> 7 8 <script type="text/javascript"> 9 var d = new Date(); 10 var time = d.getHours(); 11 if (time<10) 12 { 13 document.write("<b>早上好</b>"); 14 } 15 else if (time>=10 && time<16) 16 { 17 document.write("<b>今天好</b>"); 18 } 19 else 20 { 21 document.write("<b>晚上好!</b>"); 22 } 23 </script> 24 <p> 25 這個例子演示了 if..else if...else 語句。 26 </p> 27 28 </body> 29 </html>
結果：
