14JavaScript條件語句

時間 2019-12-13

標籤 14javascript javascript 條件語句欄目 JavaScript 简体版

原文原文鏈接

條件語句用於基於不一樣的條件來執行不一樣的動做。javascript

1.條件語句

一般在寫代碼時，您老是須要爲不一樣的決定來執行不一樣的動做。您能夠在代碼中使用條件語句來完成該任務。html

在 JavaScript 中，咱們可以使用如下條件語句：java

if 語句 - 只有當指定條件爲 true 時，使用該語句來執行代碼
if...else 語句 - 當條件爲 true 時執行代碼，當條件爲 false 時執行其餘代碼
if...else if....else 語句- 使用該語句來選擇多個代碼塊之一來執行
switch 語句 - 使用該語句來選擇多個代碼塊之一來執行

2.if 語句

只有當指定條件爲 true 時，該語句纔會執行代碼。spa

語法(請使用小寫的 if。使用大寫字母（IF）會生成 JavaScript 錯誤！)

if (condition)
{
    //當條件爲 true 時執行的代碼
}

實例：code

 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>

結果：htm

2.if...else 語句

請使用 if....else 語句在條件爲 true 時執行代碼，在條件爲 false 時執行其餘代碼。blog

語法

if (condition)
{
    //當條件爲 true 時執行的代碼
}
else
{
    //當條件不爲 true 時執行的代碼
}

實例：ip

 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 語句來選擇多個代碼塊之一來執行。utf-8

語法

if (condition1)
{
    //當條件 1 爲 true 時執行的代碼
}
else if (condition2)
{
    //當條件 2 爲 true 時執行的代碼
}
else
{
  //當條件 1 和 條件 2 都不爲 true 時執行的代碼
}

實例：get

 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>

結果：

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。