JavaScript-day01


一.內容

JavaScript:數據類型,變量聲明,流程控制語句

二.JavaScript瞭解

JavaScript:腳本語言,不需要開發環境

特點:輕量級,弱類型,的腳本語言.在瀏覽器中運行使用

功能:

1. 動態交互效果:圖片輪播滾動

2. 表單校驗,瀏覽器校驗.

 

三.數據類型

數據類型:number數字,String字符串,Boolean布爾,對象類型(類似Array);

聲明變量,都是統一用var來聲明變量,沒有規定變量類型

變量類型由數據的類型決定

Typeof():識別數據類型

ParseInt():字符串轉化成整數

parseFloat():字符串轉化成小數

四.JS系統的方法

DOM:頁面文檔對象模型(頁面)

BOM:瀏覽器對象模型(瀏覽器)

Document.writeln();DOM輸出在頁面中

Window.alter();BOM的彈框

Window.prompt();BOM的輸入框,接收字符串類型的值

Window.confirm();BOM的彈框,接收Boolean類型的值

五.符號

1. 邏輯判斷符

:||

:&&

: !

不等於:!=

等於: ==

六.JavaScript語法

JS代碼寫在<script></script>

JS外部文件<script src=外部JS文件路徑”></script>

七.流程控制語句

代碼執行順序:由上往下,從左往右,通過分號(;)分隔代碼.

1. 分支結構

根據實際條件控制代碼執行順序,達到業務邏輯要求

A. if...else 根據範圍作爲判斷條件

If(範圍條件 1){

滿足條件1,執行此代碼塊

}else if(範圍條件2){

滿足條件2,執行此代碼塊

}else{

條件都不滿足,默認執行else代碼塊

}

選擇其中一條執行代碼

 

B. Switch 根據具體的值作爲條件

Switch(條件值){

Case 1

Break;

Case 2

   Break;

Default:

以上條件都不滿足,默認執行此default代碼塊

}

2. 循環結構

循環結構處理重複的業務邏輯

For循環:處理有循環範圍和次數的循環

For循環執行流程:

<!--1循環到10-->
for(/*1*/var i = 1;/*2 5*/i<11;/*4*/i++){
    /*3 6*/document.writeln(i);

}

1. 先聲明初始值: var i = 1;

2. 判斷循環條件: i<11;

3. 執行循環內容:document.writeln(i);

4. 自變量:自增/自減;i++/i--;

5. 在判斷循環條件:i<11;如果滿足,執行循環內容,依次循環, 直到不滿足爲止

 

While do while循環:處理有循環條件,或循環臨界點的循環

While(循環條件){

循環條件滿足:true;可執行循環的內容

循環條件不滿足:false,不可執行循環內容

}

do {

區別:先執行一次循環內容,在判斷循環的內容

循環條件滿足:true;可執行循環的內容

循環條件不滿足:false,不可執行循環內容

}while(循環條件);

3.流程控制語句中常用關鍵字

Continue:跳出本次循環,繼續執行下次循環

Break:終止循環

3. 雙重循環

  單層循環:循環一層

雙重循環:二維循環

For1(){//

For2(){}//2

}

原理:外層循環循環一次,內層循環全部循環完成

 

八.JS的數組 Array:JS內置對象

數組:把數據存儲在同一組中,同時操作很多數據

JS數組的創建:

1. 數組實例化創建

Var ary = new array();

數組通過下標添加元素,下標從0開始,按照順序排列

Ary[下標] = 數據

2. 數組實例化創建,同時添加元素

Var ary = new array(用戶名,密碼,身份證號碼,手機號碼);

3. 直接聲明數組:通過[]直接創建數組,並且添加元素

Var ary = [1,用戶名,...];

 

二維數組:

利用一維數組存儲的元素也是一維數組;

Var ary = [[1,2,3,4],[a,b,d],[小明,小農,小金剛]];

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章