JavaScript If...Else 聲明_基礎知識

來源:互聯網
上載者:User
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需重新整理才能執行]

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.