JavaScript程序設(shè)計(jì)基礎(chǔ)教程（慕課版）

第 一篇 初識(shí)JavaScript
第 1章 JavaScript簡介 2
1．1 什么是JavaScript 3
1．2 JavaScript與Java的區(qū)別 3
1．3 JavaScript能做什么 4
1．4 JavaScript不能做什么 4
1．5 JavaScript實(shí)現(xiàn) 5
1．6 搭建JavaScript環(huán)境 6
1．6．1 瀏覽器 6
1．6．2 Web服務(wù)器（WAMP） 7
1．7 編寫第 一個(gè)JavaScript程序 7
【任務(wù)1-1】熱身 8
1．8 小結(jié) 8
第二篇 JavaScript必備基礎(chǔ)知識(shí)
第 2章 JavaScript基本語法 10
2．1 JavaScript在HTML中的使用 11
【任務(wù)2-1】在HTML中使用JavaScript 12
2．2 JavaScript代碼調(diào)試方式 13
2．3 語句 15
2．4 變量 15
2．4．1 變量的概念 15
2．4．2 變量的類型 15
2．4．3 變量聲明賦值 16
【任務(wù)2-2】變量賦值 16
2．4．4 變量作用域 16
2．4．5 變量提升 17
【任務(wù)2-3】運(yùn)用變量提升 19
2．5 數(shù)據(jù)類型 20
2．5．1 基本數(shù)據(jù)類型 20
2．5．2 引用數(shù)據(jù)類型 22
2．5．3 基本數(shù)據(jù)類型和引用數(shù)據(jù)類型的區(qū)別 27
2．5．4 數(shù)據(jù)類型轉(zhuǎn)換 28
2．6 表達(dá)式和運(yùn)算符 32
2．6．1 表達(dá)式和運(yùn)算符的概念 33
2．6．2 運(yùn)算符類型 33
2．6．3 運(yùn)算符優(yōu)先級(jí) 46
2．7 關(guān)鍵字及保留字 47
2．8 正則表達(dá)式 48
2．8．1 正則表達(dá)式定義及特性 48
2．8．2 正則表達(dá)式語法 49
2．8．3 正則表達(dá)式在JavaScript中的使用 54
2．8．4 常見實(shí)例 55
【任務(wù)2-4】用正則表達(dá)式判斷字符串中中文和英文的個(gè)數(shù) 58
2．9 注釋 58
【任務(wù)2-5】使用注釋 59
2．10 實(shí)戰(zhàn) 60
【案例2-1】——用位運(yùn)算符實(shí)現(xiàn)加減運(yùn)算 60
2．11 小結(jié) 61
第3章 JavaScript程序構(gòu)成 62
3．1 程序控制流 63
3．1．1 if條件語句 63
3．1．2 for循環(huán)語句 63
3．1．3 for．．．in循環(huán)語句 64
3．1．4 while循環(huán)語句 64
3．1．5 label語句 64
3．1．6 break和continue語句 64
3．1．7 do．．．while語句 67
3．1．8 switch語句 67
【任務(wù)3-1】使用條件語句 68
3．2 函數(shù) 69
3．2．1 函數(shù)表達(dá)式及語法 69
3．2．2 函數(shù)參數(shù) 69
3．2．3 函數(shù)返回值 74
3．2．4 函數(shù)調(diào)用模式 76
【任務(wù)3-2】定義及調(diào)用函數(shù) 78
3．2．5 call和apply的區(qū)別 79
3．2．6 遞歸調(diào)用 79
【任務(wù)3-3】使用遞歸函數(shù) 80
3．2．7 作用域 80
3．2．8 異常處理 82
【任務(wù)3-4】異常捕獲與處理 82
3．2．9 閉包 83
3．3 事件及事件處理 85
3．3．1 什么是JavaScript事件 85
3．3．2 JavaScript事件處理程序方式 85
【任務(wù)3-5】使用JavaScript事件處理程序 89
3．3．3 常用窗口事件 90
3．3．4 常用鼠標(biāo)事件 96
3．3．5 常用表單事件 100
3．3．6 常用鍵盤事件 104
3．4 實(shí)戰(zhàn) 107
【案例3-1】——用循環(huán)實(shí)現(xiàn)Bingo卡片游戲 107
【案例3-2】——利用遞歸函數(shù)求階乘相加 110
3．5 小結(jié) 111
第4章 JavaScript對(duì)象 112
4．1 對(duì)象簡介 113
4．2 創(chuàng)建對(duì)象 114
【任務(wù)4-1】創(chuàng)建對(duì)象，理解存執(zhí)機(jī)制 117
4．3 對(duì)象特性 118
【任務(wù)4-2】理解JavaScript面向?qū)ο筇匦?121
4．4 單體內(nèi)置對(duì)象 123
4．4．1 Global對(duì)象 124
4．4．2 Math對(duì)象 127
4．5 實(shí)戰(zhàn) 129
【案例4-1】——產(chǎn)生n個(gè)不重復(fù)隨機(jī)數(shù) 129
4．6 小結(jié) 130
第5章 JavaScript數(shù)組 131
5．1 數(shù)組及數(shù)組元素 132
5．2 添加和刪除元素 135
5．3 二維及多維數(shù)組 136
【任務(wù)5-1】使用多維數(shù)組 137
5．4 數(shù)組常用方法 139
【任務(wù)5-2】實(shí)現(xiàn)數(shù)組倒轉(zhuǎn)、文本排序及數(shù)值排序 143
5．5 實(shí)戰(zhàn) 144
【案例5-1】——計(jì)算產(chǎn)品銷售額 144
5．6 小結(jié) 146
第三篇 JavaScript技能提升
第6章 窗口和框架 148
6．1 Window對(duì)象概述 149
6．1．1 什么是Window對(duì)象 149
6．1．2 Window對(duì)象屬性和方法 149
6．1．3 窗口相關(guān)操作 156
【任務(wù)6-1】實(shí)現(xiàn)無間斷的圖片循環(huán)滾動(dòng)效果 160
6．2 窗口框架簡介 162
6．2．1 什么是窗口框架 162
6．2．2 窗口框架的基本結(jié)構(gòu) 162
6．2．3 窗口框架的分割方式 163
6．3 窗口框架控制 163
6．3．1 框架設(shè)置標(biāo)簽frameset 163
6．3．2 子窗口設(shè)置標(biāo)簽frame 167
6．4 FRAME之間的鏈接 168
【任務(wù)6-2】窗口框架操作 169
6．5 浮動(dòng)窗口 173
6．6 實(shí)戰(zhàn) 174
【案例6-1】——iframe創(chuàng)建動(dòng)態(tài)內(nèi)容 174
6．7 小結(jié) 176
第7章 document對(duì)象 177
7．1 document對(duì)象概述 178
7．2 document對(duì)象屬性 178
7．3 document對(duì)象方法 180
【任務(wù)7-1】運(yùn)用document對(duì)象屬性和方法 182
7．4 document對(duì)象集合 182
7．5 與Window對(duì)象區(qū)別 186
7．6 實(shí)戰(zhàn) 186
【案例7-1】——仿LED跑馬燈效果 186
7．7 小結(jié) 187
第8章 表單 188
8．1 表單基礎(chǔ) 189
8．1．1 提交表單 189
8．1．2 重置表單 191
8．1．3 表單字段 192
【任務(wù)8-1】使用表單elements屬性 196
8．2 表單驗(yàn)證 197
8．3 實(shí)戰(zhàn) 202
【案例8-1】——注冊(cè)表單驗(yàn)證 202
8．4 小結(jié) 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 計(jì)數(shù)排序 228
9．9 桶排序 229
9．10 基數(shù)排序 231
9．11 實(shí)戰(zhàn) 234
【案例9-1】——用算法實(shí)現(xiàn)斐波那契數(shù)列 234
【案例9-2】——用算法實(shí)現(xiàn)最少硬幣找零問題 235
9．12 小結(jié) 237
第 10章 綜合設(shè)計(jì)實(shí)例——JavaScript特效制作 238
10．1 焦點(diǎn)幻燈片 239
10．1．1 實(shí)例——實(shí)現(xiàn)焦點(diǎn)圖片濾鏡效果 239
10．1．2 實(shí)例——實(shí)現(xiàn)鼠標(biāo)滑入焦點(diǎn)圖切換效果 240
10．2 菜單導(dǎo)航 242
10．2．1 實(shí)例——制作QQ頁面式導(dǎo)航欄 242
10．2．2 實(shí)例——制作京東式豎排二級(jí)導(dǎo)航 244
10．2．3 實(shí)例——制作淘寶式多級(jí)選擇菜單 248
10．3 Tab選項(xiàng)卡 253
10．3．1 實(shí)例——實(shí)現(xiàn)單擊切換Tab 253
10．3．2 實(shí)例——實(shí)現(xiàn)定時(shí)自動(dòng)切換Tab 255
10．4 圖片特效 259
10．4．1 實(shí)例——實(shí)現(xiàn)圖片放大鏡效果 259
10．4．2 實(shí)例——實(shí)現(xiàn)圖片自動(dòng)滾動(dòng)效果 262
10．5 文字特效 263
10．5．1 實(shí)例——實(shí)現(xiàn)文字閃動(dòng)效果 263
10．5．2 實(shí)例——實(shí)現(xiàn)滾動(dòng)變色的文字效果 265
10．6 表單按鈕特效 266
10．6．1 實(shí)例——實(shí)現(xiàn)按鈕聯(lián)動(dòng) 266
10．6．2 實(shí)例——實(shí)現(xiàn)確認(rèn)提示 267
10．7 小結(jié) 268
第 11章 綜合實(shí)戰(zhàn)——實(shí)現(xiàn)購物車功能 269
11．1 購物車特效布局 270
11．2 準(zhǔn)備工作 273
11．3 商品全選及合計(jì)功能實(shí)現(xiàn) 274
11．4 商品預(yù)覽浮層功能 277
11．5 取消選擇與事件代理 280
11．6 商品價(jià)格計(jì)算 282
11．7 實(shí)現(xiàn)刪除 286
11．8 小結(jié) 290