JavaScript+jQuery交互式Web前端開發（第2版）

黑馬程序員，傳智教育旗下高端IT教育品牌，成立於2006年，它是由中國Java培訓先行者張孝祥老師發起，聯合全球最大的中文IT社區CSDN、中關村軟件園共同創辦的一家專業教育機構。辦學至今，我們一直堅守著“為千萬人少走彎路而著書，為中華軟件之崛起而講課”的辦學理念，堅持培養優秀軟件應用工程師的宏偉目標，在累計培養的十萬余名學員中，其中90%的學員均已在北、上、廣等一線城市高薪就業。為了迎合軟件市場的需求，我們陸續開設了Java、網頁平面、PHP、.Net、iOS、C/C++、Android等9個專業方向的課程，並且未來將逐漸開設其他專業方向的課程。隨著傳智播客的日益壯大，除了北京總部，我們在上海、廣州、武漢、成都、深圳等地也創立了直營分支機構，傳智播客儼然已成為了國內具有專業口碑的IT教育機構。

第 1章 初識JavaScript 1

1.1　JavaScript基本概念　1

1.1.1　JavaScript概述　1

1.1.2　JavaScript的由來　2

1.1.3　JavaScript的組成　2

1.1.4　JavaScript的特點　3

1.2　JavaScript開發工具　3

1.2.1　瀏覽器　4

1.2.2　代碼編輯器　5

1.3　JavaScript基本使用　7

1.3.1　JavaScript初體驗　7

1.3.2　JavaScript代碼引入方式　7

1.3.3　JavaScript常用的輸入輸出

語句　9

1.3.4　JavaScript註釋　11

1.4　變量　11

1.4.1　什麼是變量　11

1.4.2　變量的命名規則　12

1.4.3　變量的聲明與賦值　13

1.4.4　【案例】使用變量保存商品

信息　14

1.4.5　【案例】使用變量保存用戶

輸入的值　15

1.4.6　【案例】交換兩個變量的值　16

本章小結　17

課後習題　17

第　2章 JavaScript基礎　19

2.1　數據類型　19

2.1.1　數據類型分類　19

2.1.2　常用的基本數據類型　20

 

2.2　數據類型轉換　24

2.2.1　將數據轉換為布爾型數據　24

2.2.2　將數據轉換為數字型數據　24

2.2.3　將數據轉換為字符串型數據　25

2.3　運算符　26

2.3.1　算術運算符　26

2.3.2　字符串運算符　27

2.3.3　賦值運算符　28

2.3.4　比較運算符　29

2.3.5　邏輯運算符　30

2.3.6　三元運算符　31

2.3.7　位運算符　31

2.3.8　數據類型檢測運算符　32

2.3.9　運算符優先級　33

2.3.10　【案例】計算圓的周長和面積　34

2.4　流程控制　35

2.4.1　選擇結構　35

2.4.2　【案例】查詢蔬菜的價格　40

2.4.3　循環結構　41

2.4.4　【案例】for語句的使用　44

2.4.5　循環嵌套　46

2.4.6　跳轉語句　49

本章小結　51

課後習題　52

第3章　數組　53

3.1　初識數組　53

3.2　創建數組　54

3.3　數組的基本操作　54

3.3.1　獲取和修改數組長度　55

3.3.2　訪問數組　56

3.3.3　遍歷數組　56

3.3.4　添加和修改數組元素　57

3.3.5　刪除數組元素　57

3.3.6　篩選數組元素　58

3.3.7　反轉數組元素順序　58

3.3.8　【案例】查找班級最高分和

最低分　60

3.4　數組元素排序　61

3.4.1　冒泡排序　61

3.4.2　插入排序　63

3.5　二維數組　65

3.5.1　創建與訪問二維數組　65

3.5.2　遍歷二維數組　66

3.5.3　【案例】使用二維數組實現矩

陣轉置　67

本章小結　69

課後習題　69

第4章　函數　71

4.1　初識函數　71

4.1.1　什麼是函數　72

4.1.2　函數的定義與調用　72

4.1.3　函數的參數　73

4.1.4　函數的返回值　75

4.1.5　【案例】函數的綜合應用　76

4.2　函數進階　76

4.2.1　函數表達式　76

4.2.2　匿名函數　76

4.2.3　回調函數　77

4.2.4　遞歸函數　78

4.3　作用域　79

4.3.1　作用域的分類　79

4.3.2　作用域鏈　80

4.4　閉包函數　81

4.5　預解析　82

本章小結　83

課後習題　83

第5章　對象　85

5.1　初識對象　85

5.2　對象的創建　86

5.2.1　利用字面量創建對象　86

5.2.2　利用構造函數創建對象　87

5.2.3　利用Object()創建對象　89

5.3　對象的遍歷　90

5.4　Math對象　91

5.4.1　Math對象的使用　91

5.4.2　生成指定範圍的隨機數　92

5.4.3　【案例】猜數字遊戲　93

5.5　日期對象　94

5.5.1　日期對象的使用　94

5.5.2　【案例】統計代碼運行時間　97

5.5.3　【案例】倒計時　98

5.6　數組對象　99

5.6.1　創建數組對象　99

5.6.2　添加或刪除數組元素　100

5.6.3　【案例】篩選數組元素　101

5.6.4　數組元素排序　101

5.6.5　數組元素索引　102

5.6.6　【案例】去除數組中的重復元素　103

5.6.7　數組轉換為字符串　104

5.7　字符串對象　105

5.7.1　創建字符串對象　105

5.7.2　根據字符返回索引　106

5.7.3　根據索引返回字符　106

5.7.4　【案例】統計字符串中出現最多的字符和相應的次數　107

5.7.5　字符串操作方法　108

5.7.6　【案例】判斷用戶名是否合法　109

5.8　查閱MDN Web文檔　109

本章小結　111

課後習題　111

第6章　DOM（上）　113

6.1　Web API簡介　113

6.2　DOM簡介　114

6.3　獲取元素　115

6.3.1　根據id屬性獲取元素　115

6.3.2　根據標簽名獲取元素　116

6.3.3　根據name屬性獲取元素　117

6.3.4　根據類名獲取元素　117

6.3.5　根據CSS選擇器獲取元素　118

6.3.6　獲取基本結構元素　119

6.4　事件基礎　120

6.4.1　事件概述　120

6.4.2　事件註冊　121

6.5　操作元素　121

6.5.1　操作元素內容　122

6.5.2　操作元素屬性　124

6.5.3　操作元素樣式　127

6.5.4　【案例】操作元素的綜合應用　130

本章小結　130

課後習題　130

第7章　DOM（下）　132

7.1　節點操作　132

7.1.1　獲取節點　132

7.1.2　創建並添加節點　135

7.1.3　移除節點　136

7.1.4　【案例】簡易留言板　137

7.1.5　復制節點　137

7.2　事件進階　138

7.2.1　事件監聽　138

7.2.2　事件移除　139

7.2.3　DOM事件流　140

7.3　事件對象　141

7.3.1　獲取事件對象　141

7.3.2　事件對象的常用屬性和方法　141

7.4　鼠標事件　144

7.4.1　常用的鼠標事件　144

7.4.2　鼠標事件對象　145

7.4.3　【案例】圖片跟隨鼠標指針

移動　146

7.4.4　【案例】下拉菜單　146

7.5　鍵盤事件　146

7.5.1　常用的鍵盤事件　146

7.5.2　鍵盤事件對象　148

7.5.3　【案例】文本框提示信息　149

7.6　元素位置操作　149

本章小結　149

課後習題　150

第8章　BOM　152

8.1　BOM簡介　152

8.2　BOM對象　153

8.2.1　window對象　153

8.2.2　location對象　154

8.2.3　navigator對象　155

8.2.4　history對象　155

8.2.5　screen對象　156

8.3　窗口事件　157

8.3.1　窗口加載與卸載事件　157

8.3.2　窗口大小改變事件　158

8.4　定時器　159

8.4.1　設置定時器的方法　159

8.4.2　【案例】3秒後自動關閉廣告　160

8.4.3　【案例】60秒內只能發送一次

驗證碼　161

8.5　同步和異步　162

本章小結　164

課後習題　164

第9章　jQuery（上）　166

9.1　初識jQuery　166

9.1.1　什麼是jQuery　166

9.1.2　下載和引入jQuery　167

9.1.3　jQuery的簡單使用　168

9.1.4　jQuery對象　168

9.2　jQuery選擇器　170

9.2.1　基本選擇器　170

9.2.2　層次選擇器　170

9.2.3　篩選選擇器　171

9.2.4　其他選擇器　172

9.3　jQuery內容操作　174

9.4　jQuery樣式操作　175

9.4.1　css()方法操作元素的樣式　175

9.4.2　操作元素樣式類　176

9.5　jQuery屬性操作　178

9.5.1　prop()方法　178

9.5.2　attr()方法　179

9.5.3　data()方法　179

本章小結　180

課後習題　180

第　10章 jQuery（下）　182

10.1　jQuery元素操作　182

10.1.1　元素遍歷操作　182

10.1.2　元素查找和過濾操作　184

10.1.3　【案例】精品展示　185

10.1.4　元素追加操作　186

10.1.5　元素復制操作　187

10.1.6　元素替換和刪除操作　188

10.2　jQuery尺寸和位置操作　189

10.2.1　尺寸操作方法　189

10.2.2　位置操作方法　190

10.3　jQuery事件操作　192

10.3.1　頁面加載事件　192

10.3.2　事件註冊　192

10.3.3　事件觸發　195

10.3.4　事件委托　196

10.3.5　事件解除　197

10.3.6　事件對象　198

10.3.7　【案例】Tab欄切換　199

10.4　jQuery動畫　199

10.4.1　顯示和隱藏效果　200

10.4.2　滑動效果　201

10.4.3　停止效果　202

10.4.4　淡入淡出效果　203

10.4.5　自定義動畫　204

10.4.6　【案例】手風琴效果　205

10.5　jQuery其他方法　206

10.5.1　$.extend()方法　206

10.5.2　$.ajax()方法　206

10.6　【案例】使用jQuery實現購物

車功能　208

 

本章小結　208

課後習題　208

第　11章 JavaScript面向對象　210

11.1　面向對象概述　210

11.1.1　面向過程與面向對象的區別　211

11.1.2　面向對象的特征　211

11.2　類與對象概述　212

11.2.1　類與對象　212

11.2.2　類的定義和繼承　213

11.2.3　調用父類的方法　214

11.3　原型　216

11.3.1　原型對象　217

11.3.2　成員查找機制　220

11.3.3　原型鏈　221

11.3.4　【案例】利用原型對象擴展

數組方法　225

11.4　更改this指向　225

11.5　錯誤處理　226

11.5.1　錯誤處理的方式　226

11.5.2　錯誤類型　228

11.5.3　錯誤對象的拋出　228

11.5.4　錯誤對象的傳遞　229

本章小結　230

課後習題　230

第　12章 正則表達式　232

12.1　認識正則表達式　232

12.2　使用正則表達式　233

12.3　正則表達式中的元字符　234

12.4　正則表達式常用方法　234

12.4.1　search()方法　235

12.4.2　split()方法　235

12.4.3　replace()方法　236

12.4.4　【案例】查找並替換敏感詞　236

本章小結　238

課後習題　238