【Javascript】javascript學習 八 JavaScript If…Else 語句

文章目錄

• 執行個體 1
• 執行個體 2
• 文法：
• 執行個體
• 文法：
• 執行個體：

JavaScript 中的條件陳述式用於完成不同條件下的行為。

執行個體

If 語句

如何編寫一個 If 語句。

If...else 語句

如何編寫 if...else 語句。

If..else if...else 語句

如何編寫 if..else if...else 語句

隨機連結

本例示範一個隨機的連結，當您單擊這個連結時，會開啟某個隨機的網站。

條件陳述式

在您編寫代碼時，經常需要根據不同的條件完成不同的行為。可以在代碼中使用條件陳述式來完成這個任務。

在 JavaScript 中，我們可以使用下面幾種條件陳述式：

if 語句

在一個指定的條件成立時執行代碼。

if...else 語句

在指定的條件成立時執行代碼，當條件不成立時執行另外的代碼。

if...else if....else 語句

使用這個語句可以選擇執行若干塊代碼中的一個。

switch 語句

使用這個語句可以選擇執行若干塊代碼中的一個。

If 語句

如果希望指定的條件成立時執行代碼，就可以使用這個語句。

文法：

if (條件){條件成立時執行代碼} 

注意：請使用小寫字母。使用大寫的 IF 會出錯！

執行個體 1

<script type="text/javascript">//Write a "Good morning" greeting if//the time is less than 10var d=new Date()var time=d.getHours()if (time<10) {document.write("<b>Good morning</b>")}</script>

執行個體 2

<script type="text/javascript">//Write "Lunch-time!" if the time is 11var d=new Date()var time=d.getHours()if (time==11) {document.write("<b>Lunch-time!</b>")}</script>

注意：請使用雙等號 (==) 來比較變數！

注意：在文法中沒有 else。僅僅當條件為 true 時，代碼才會執行。

If...else 語句

如果希望條件成立時執行一段代碼，而條件不成立時執行另一段代碼，那麼可以使用 if....else 語句。

文法：

if (條件){條件成立時執行此代碼}else{條件不成立時執行此代碼}

執行個體

<script type="text/javascript">//If the time is less than 10,//you will get a "Good morning" greeting.//Otherwise you will get a "Good day" greeting.var d = new Date()var time = d.getHours()if (time < 10) {document.write("Good morning!")}else{document.write("Good day!")}</script>

If...else if...else 語句

當需要選擇多套代碼中的一套來運行時，請使用 if....else if...else 語句。

文法：

if (條件1){條件1成立時執行代碼}else if (條件2){條件2成立時執行代碼}else{條件1和條件2均不成立時執行代碼}

執行個體：

<script type="text/javascript">var d = new Date()var time = d.getHours()if (time<10){document.write("<b>Good morning</b>")}else if (time>10 && time<16){document.write("<b>Good day</b>")}else{document.write("<b>Hello World!</b>")}</script>