一.內容
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],[小明,小農,小金剛]];