JavaScript中的條件聲明用於完成不同條件下的行為。
條件聲明
在你編寫代碼時,經常需要根據不同的條件完成不同的行為。可以在代碼中使用條件聲明來完成這個任務。
在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 10 var d=new Date() var time=d.getHours() if (time<10) { document.write("<b>Good morning</b>") } </script>
[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
執行個體 2
<script type="text/javascript"> //Write "Lunch-time!" if the time is 11 var d=new Date() var time=d.getHours() if (time==11) { document.write("<b>Lunch-time!</b>") } </script>
[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
注意:請使用雙等號(==)來比較變數!
注意:在文法中沒有else。僅僅當條件為ture時,代碼才會執行。
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>
[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
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>
[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]