條件敘述在JavaScript 的運用上,是基於不同的條件來執行不同的動作。


線上範例

If 敘述
此例以二個變數"d"及"time",分別代表日期及時間,當你做此練習的時間若是在早上十點以前時,螢幕會顯示早安(good morning),你可以試試改變範例中的 "<" 變成 ">" 或是後面的時間"10" ,看看有何改變。

If...else 敘述
此例說明如使用 if...else 之語法,如果(if)使用者瀏灠的時間在十點以前則顯示出"good morning", 否則(else)顯示"good day"。

If..else if...else 敘述
此例說明使用 if..else if...else 之語法,如果(if)瀏灠的時間在十點以前,則顯示"Good morning",或是(else if)瀏灠的時間在早上十點至下午四點之間,則顯示"Good day";否則(else)顯示"Hello World!"。

隨機 連結
此例以 var r=Math.random()來隨機顯示連結,
var:宣告變數
   r:變數名稱
Math.random():傳回一個介於0-1之間的任意小數
if (r>0.5) :如果(if)傳回的小數大於0.5則顯示"Learn Web Development!";否則(else)顯示"Visit Refsnes Data!",在練習上多按幾次,就會發現它的改變。連結改變之主要原因為,Math.random()每次都會隨機的傳回小於1大於0的小數給變數"r"


條件 敘述

條件敘述在撰寫程式的時候,使用非常頻繁,特別是當你要執行不同的動作時,你可以使用條件敘述在你的原始碼中。

在 JavaScript 有以下的條件敘述語法:

  • if 敘述 - 如果你要執行某些動作只有在特定條件為真時,使用這樣的敘述。
  • if...else 敘述 - 如果你要執行某些動作,若條件為真,且其它條件為否時使用。
  • if...else if....else 敘述 - 當你要選擇某些特定的條件時使用。
  • switch 敘述 - 當你要從眾多的條件中選擇其中之一來執行。


If 敘述

當你要執行一些特定的條件為真時,你應該使用 if 敘述。

語法

if (條件)
{
若條件為真時在此括弧內的原始碼會被執行
}

注意: if 是以小寫字母的的形式,使用大寫 (IF) 會造成 JavaScript 的錯誤!

Example 1

Example 2

註:  當比較變數時,你必須以二個等於符號來表示 (==)

在此例中我們沒有用到 ..else.. 的語法。只有在特定的條件(時間正好是11點)成立時,這段程式碼才會執行。


If...else 敘述

如果你要執行某些動作,只有這個條件成立,其它的條件則否,那我們就使用 if....else 敘述。

語法

if (條件)
{
若條件為時在此括弧內的原始碼會被執行
}
else
{
若條件為時在此括弧內的原始碼會被執行
}

Example



If...else if...else 敘述

如果你要從眾多的條件來擇一執行時使用if....else if...else  敘述.

語法

if (條件一)
{
若條件一為時在此括弧內的原始碼會被執行
}
else if (條件二)
{
若條件二為時在此括弧內的原始碼會被執行
}
else
{
若條件一、二均不成立時,將執行此括弧的原始碼
}

Example



創作者介紹
創作者 easonyo 的頭像
easonyo

wEb 亂講

easonyo 發表在 痞客邦 留言(0) 人氣()