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,所以輸出的是“早上好”。