第 一篇 初識JavaScript

第　1章 JavaScript簡介　2

1.1　什么是JavaScript　3

1.2　JavaScript與Java的區別　3

1.3　JavaScript能做什么　4

1.4　JavaScript不能做什么　4

1.5　JavaScript實現　5

1.6　搭建JavaScript環境　6

1.6.1　瀏覽器　6

1.6.2　Web服務器（WAMP）　7

1.7　編寫第 一個JavaScript程序　7

【任務1-1】熱身　8

1.8　小結　8

第二篇　JavaScript**基礎知識

第　2章 JavaScript基本語法　10

2.1　JavaScript在HTML中的使用　11

【任務2-1】在HTML中使用JavaScript　12

2.2　JavaScript代碼調試方式　13

2.3　語句　15

2.4　變量　15

2.4.1　變量的概念　15

2.4.2　變量的類型　15

2.4.3　變量聲明賦值　16

【任務2-2】變量賦值　16

2.4.4　變量作用域　16

2.4.5　變量提升　17

【任務2-3】運用變量提升　19

2.5　數據類型　20

2.5.1　基本數據類型　20

2.5.2　引用數據類型　22

2.5.3　基本數據類型和引用數據類型的區別　27

2.5.4　數據類型轉換　28

2.6　表達式和運算符　32

2.6.1　表達式和運算符的概念　33

2.6.2　運算符類型　33

2.6.3　運算符優先級　46

2.7　關鍵字及保留字　47

2.8　正則表達式　48

2.8.1　正則表達式定義及特性　48

2.8.2　正則表達式語法　49

2.8.3　正則表達式在JavaScript中的使用　54

2.8.4　常見實例　55

【任務2-4】用正則表達式判斷字符串中中文和英文的個數　58

2.9　注釋　58

【任務2-5】使用注釋　59

2.10　實戰　60

【案例2-1】——用位運算符實現加減運算　60

2.11　小結　61

第3章　JavaScript程序構成　62

3.1　程序控制流　63

3.1.1　if條件語句　63

3.1.2　for循環語句　63

3.1.3　for...in循環語句　64

3.1.4　while循環語句　64

3.1.5　label語句　64

3.1.6　break和continue語句　64

3.1.7　do...while語句　67

3.1.8　switch語句　67

【任務3-1】使用條件語句　68

3.2　函數　69

3.2.1　函數表達式及語法　69

3.2.2　函數參數　69

3.2.3　函數返回值　74

3.2.4　函數調用模式　76

【任務3-2】定義及調用函數　78

3.2.5　call和apply的區別　79

3.2.6　遞歸調用　79

【任務3-3】使用遞歸函數　80

3.2.7　作用域　80

3.2.8　異常處理　82

【任務3-4】異常捕獲與處理　82

3.2.9　閉包　83

3.3　事件及事件處理　85

3.3.1　什么是JavaScript事件　85

3.3.2　JavaScript事件處理程序方式　85

【任務3-5】使用JavaScript事件處理程序　89

3.3.3　常用窗口事件　90

3.3.4　常用鼠標事件　96

3.3.5　常用表單事件　100

3.3.6　常用鍵盤事件　104

3.4　實戰　107

【案例3-1】——用循環實現Bingo卡片游戲　107

【案例3-2】——利用遞歸函數求階乘相加　110

3.5　小結　111

第4章　JavaScript對象　112

4.1　對象簡介　113

4.2　創建對象　114

【任務4-1】創建對象，理解存執機制　117

4.3　對象特性　118

【任務4-2】理解JavaScript面向對象特性　121

4.4　單體內置對象　123

4.4.1　Global對象　124

4.4.2　Math對象　127

4.5　實戰　129

【案例4-1】——產生n個不重復隨機數　129

4.6　小結　130

第5章　JavaScript數組　131

5.1　數組及數組元素　132

5.2　添加和刪除元素　135

5.3　二維及多維數組　136

【任務5-1】使用多維數組　137

5.4　數組常用方法　139

【任務5-2】實現數組倒轉、文本排序及數值排序　143

5.5　實戰　144

【案例5-1】——計算產品銷售額　144

5.6　小結　146

第三篇　JavaScript技能提升

第6章　窗口和框架　148

6.1　Window對象概述　149

6.1.1　什么是Window對象　149

6.1.2　Window對象屬性和方法　149

6.1.3　窗口相關操作　156

【任務6-1】實現無間斷的圖片循環滾動效果　160

6.2　窗口框架簡介　162

6.2.1　什么是窗口框架　162

6.2.2　窗口框架的基本結構　162

6.2.3　窗口框架的分割方式　163

6.3　窗口框架控制　163

6.3.1　框架設置標簽frameset　163

6.3.2　子窗口設置標簽frame　167

6.4　FRAME之間的鏈接　168

【任務6-2】窗口框架操作　169

6.5　浮動窗口　173

6.6　實戰　174

【案例6-1】——iframe創建動態內容　174

6.7　小結　176

第7章　document對象　177

7.1　document對象概述　178

7.2　document對象屬性　178

7.3　document對象方法　180

【任務7-1】運用document對象屬性和方法　182

7.4　document對象集合　182

7.5　與Window對象區別　186

7.6　實戰　186

【案例7-1】——仿LED跑馬燈效果　186

7.7　小結　187

第8章　表單　188

8.1　表單基礎　189

8.1.1　提交表單　189

8.1.2　重置表單　191

8.1.3　表單字段　192

【任務8-1】使用表單elements屬性　196

8.2　表單驗證　197

8.3　實戰　202

【案例8-1】——注冊表單驗證　202

8.4　小結　208

第9章　算法　209

9.1　冒泡排序　210

9.2　選擇排序　213

9.3　插入排序　215

9.4　希爾排序　217

9.5　歸并排序　219

9.6　快速排序　222

9.7　堆排序　226

9.8　計數排序　228

9.9　桶排序　229

9.10　基數排序　231

9.11　實戰　234

【案例9-1】——用算法實現斐波那契數列　234

【案例9-2】——用算法實現*少硬幣找零問題　235

9.12　小結　237

第　10章 綜合設計實例——JavaScript特效制作　238

10.1　焦點幻燈片　239

10.1.1　實例——實現焦點圖片濾鏡效果　239

10.1.2　實例——實現鼠標滑入焦點圖切換效果　240

10.2　菜單導航　242

10.2.1　實例——制作QQ頁面式導航欄　242

10.2.2　實例——制作京東式豎排二級導航　244

10.2.3　實例——制作淘寶式多級選擇菜單　248

10.3　Tab選項卡　253

10.3.1　實例——實現單擊切換Tab　253

10.3.2　實例——實現定時自動切換Tab　255

10.4　圖片特效　259

10.4.1　實例——實現圖片放大鏡效果　259

10.4.2　實例——實現圖片自動滾動效果　262

10.5　文字特效　263

10.5.1　實例——實現文字閃動效果　263

10.5.2　實例——實現滾動變色的文字效果　265

10.6　表單按鈕特效　266

10.6.1　實例——實現按鈕聯動　266

10.6.2　實例——實現確認提示　267

10.7　小結　268

第　11章 綜合實戰——實現購物車功能　269

11.1　購物車特效布局　270

11.2　準備工作　273

11.3　商品全選及合計功能實現　274

11.4　商品預覽浮層功能　277

11.5　取消選擇與事件代理　280

11.6　商品價格計算　282

11.7　實現刪除　286

11.8　小結　290