DIV CSS 佈局教程網

3.3 if語句
編輯:JavaScript基礎知識     

if語句是使用最為普遍的條件選擇語句,每一種編程語言的if語句都差不多。if語句類型共有3種:

  • (1)if語句(單向選擇);
  • (2)if……else語句(雙向選擇);
  • (3)if……else if語句(多向選擇);

下面我們一一為大家詳細介紹這3種if語句。

一、if語句

單一的if語句是“單分支選擇結構語句”。

圖1 單向選擇

語法:

 
if(條件語句)
{
    執行語句;
}

說明:

其中“條件語句”可以是任何一種邏輯表達式,如果“條件語句”的返回結果為true,則程序先執行大括號“{}”中的“執行語句”,然後接著執行if後面的其他語句。

如果“條件語句”的返回結果為false,則程序跳過“{}”的“執行語句”,直接執行程序後面的其他語句。

舉例:

在線測試
 
<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        var score=90;
        if(score>60)
        {
            alert(" 學習網是一個不錯的網站!");
        }
    </script>
</head>
<body>
</body>
</html>

在浏覽器預覽效果如下:

分析:

我們之前學會用“document.write()”來輸出結果,這次我們給大家介紹一種對話框的方式,那就是使用alert()函數來彈出對話框。大家先接觸一下,我們在後面會給大家詳細介紹。

二、if……else語句

“if……else”語句是“雙向分支選擇結構語句”,通常用於需要用兩個程序分支來執行的情況(雙向選擇),也就是在if語句基礎上多了一個分支。

圖2 雙向選擇

語法:

 
if(條件)
{
    當條件為true時執行的代碼
}
else
{
    當條件為false時執行的代碼
}

舉例:

在線測試
 
<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        var score=90;
        if(score<60)
        {
            alert(" 學習網?額,不敢恭維呀~~");
        }
        else
        {
            document.write("<strong style= ' color:red;'> 學習網是一個不錯的網站!</strong>");
        }
    </script>
</head>
<body>
</body>
</html>

在浏覽器預覽效果如下:

分析:

document.write()方法不僅僅可以輸出文字或字符,還可以輸出HTML代碼,這是小技巧,大家記下哈。

三、if……else if語句

“if……else if”語句是“多分支選擇結構語句”,用於選擇多個代碼塊之一來執行。

語法:

 
if(條件1)
{
    當條件1為true時執行的代碼
}
else if(條件2)
{
    當條件2為true時執行的代碼
}
else
{
    當條件1和條件2都為false時執行的代碼;
}

舉例:

在線測試
 
<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        var d = new Date();
        var time = d.getHours();
        if(time<12)
        {
            document.write("早上好!");    //如果小時數小於12則輸出“早上好!”
        }
        else if(time>12&&time<18)
        {
            document.write("下午好!");//如果小時數大於12並且小於18,輸入“下午好!”
        }
        else
        {
            document.write("晚上好!");//如果上面兩個條件都不符合,則輸出“晚上好!”
        }
    </script>
</head>
<body>
</body>
</html>

在浏覽器預覽效果如下:

分析:

“var d = new Date();”是創建一個Date對象,“var time = d.getHours();”是獲取Date對象中的小時數。這些內容我們會在JavaScript日期對象Date這一章詳細講解。

上面輸出結果未必是“早上好”,這是根據你當前系統時間來判斷的。由於站長測試的時候是11:00,所以輸出的是“早上好”。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved