程序的三大結構(了解)
- 順序結構:上下,左右,內外,如果上面報錯,下面不執行,終止程序執行。
- 選擇結構:出現分支選擇,單分支,雙分支,多分支
- 循環結構
順序結構
/*alert(1);
alert(fasdfdsaf);//報錯,停止執行。
alert(2);*/
選擇結構
//if...else... if語句:盡量滿足if條件。盡量采用嵌套的方法。
//switch:多選擇。
循環結構
//while
//do...while
//for
程序的單分支結構 IF語句
大多數編程語言中最為常用的一個語句就是 if 語句。以下是 if 語句的語法:
if (條件) { 語句塊1 } else { 語句塊2 }
其中的條件可以是任意表達式;而且對這個表達式求值的結果不一定是布爾值。
ECMAScript 會自動調用 Boolean() 轉換函數將這個表達式的結果轉換為一個布爾值。如果對 條件求值的結果是 true,則執行語句1,如果對條件求值的結果是 false , 則執行語句2 。 而且這兩個語句既可以是一行代碼,也可以是一個代碼塊 (以一對花括號括起來的多行代碼) 。
if語句的三種格式:
- if( 條件 ){ 語句1 }
- if ( 條件 ) { 語句1 } else { 語句2 }
- if ( 條件 ) { 語句1 } else if ( 條件 ){ 語句2 }...else{ 語句 }
程序的多分支結構 switch語句\break語句
switch 語句與 if 語句的關系最為密切,而且也是在其他語言中普遍使用的一種流程控制語句。
switch (值) {
case 值: 語句塊; break;
case 值: 語句塊; break;
case 值: 語句塊; break;
......
default: 語句塊
}
案例:輸入數字,顯示星期幾(日期對象)
//alert(new Date());//日期對象
//alert(new Date().getDay());//輸出當前的星期。0-6 2
switch(new Date().getDay()){
case 1: alert('星期一');break;
case 2: alert('星期二');break;
case 3: alert('星期三');break;
case 4: alert('星期四');break;
case 5: alert('星期五');break;
case 6: alert('星期六');break;
case 0: alert('星期天');break;
}
switch 語句中的每一種情形(case)的含義是: 如果表達式等于這個值(value) ,則執行此case后面的語句 。而 break 關鍵字會導致代碼執行流跳出 switch 語句。如果省略 break 關鍵字,就會導致執行完當前 case 后,繼續執行下一個 case。最后的 default 關鍵字則用于在表達式不匹配前面任何一種情形的時候,執行此代碼(因此,也相當于一個 else 語句) 。
注意case向下的穿透力
應用1
1. 判斷一個整數,屬于哪個范圍:大于0;小于0;等于0
2. 判斷一個整數是偶數還是奇數,并輸出判斷結果
3. 開發一款軟件,根據公式(身高-108)*2=體重,可以有10斤左右的浮動。來觀察測試者 體重是否合適(身高:cm)
4. 輸入一個五位數,分別輸出個十百千萬位;
5. 案例:輸入年份,計算某一年是否是閏年(閏年能被4整除且不能被100整除,或能被400 整除)
6. 案例:輸入數字,顯示星期幾(日期對象)
7. 案例:輸入分數,判定成績等級(if和switch兩種寫法)(5個等級0-100)
8. 輸入月份,顯示當月的天數
綜合應用
- 輸入一個日期,判斷這個日期是這一年的第幾天
例如: 2016/02/11,計算后結果為42
獲取元素:
//document.getElementById('id選擇器的名稱'):根據元素的id名稱獲取元素.
//獲取body
//document.body:獲取body元素.
//alert(document.body);//[object HTMLBodyElement]
//獲取document
//alert(document);//[object HTMLDocument]