if語句是使用最為普遍的條件選擇語句，每一種編程語言的if語句都差不多。if語句類型共有3種：
下面我們一一為大家詳細介紹這3種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語句基礎上多了一個分支。
圖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(條件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，所以輸出的是“早上好”。