JavaScript從入門到精通（第4版）

第1篇 基礎(chǔ)知識(shí)
第1章 初識(shí)JavaScript 2
視頻講解：50分鐘
1.1 JavaScript簡(jiǎn)述 2
1.1.1 JavaScript的起源 2
1.1.2 JavaScript的主要特點(diǎn) 3
1.1.3 JavaScript的應(yīng)用 3
1.2 WebStorm的下載與安裝 5
1.3 JavaScript在HTML中的應(yīng)用 8
1.3.1 在頁(yè)面中直接嵌入JavaScript代碼 8
1.3.2 鏈接外部JavaScript文件 11
1.3.3 作為標(biāo)簽的屬性值使用 13
1.4 JavaScript基本語(yǔ)法 13
1.4.1 執(zhí)行順序 13
1.4.2 大小寫敏感 14
1.4.3 空格與換行 14
1.4.4 每行結(jié)尾的分號(hào)可有可無(wú) 14
1.4.5 注釋 15
第2章 JavaScript基礎(chǔ) 16
視頻講解：136分鐘
2.1 數(shù)據(jù)類型 16
2.1.1 數(shù)值型 16
2.1.2 字符串型 19
2.1.3 布爾型 21
2.1.4 特殊數(shù)據(jù)類型 22
2.2 常量和變量 22
2.2.1 常量 22
2.2.2 變量 23
2.3 運(yùn)算符 26
2.3.1 算術(shù)運(yùn)算符 26
2.3.2 字符串運(yùn)算符 27
2.3.3 比較運(yùn)算符 28
2.3.4 賦值運(yùn)算符 29
2.3.5 邏輯運(yùn)算符 30
2.3.6 條件運(yùn)算符 31
2.3.7 其他運(yùn)算符 32
2.3.8 運(yùn)算符優(yōu)先級(jí) 33
2.4 表達(dá)式 35
2.5 數(shù)據(jù)類型的轉(zhuǎn)換規(guī)則 35
2.6 實(shí)踐與練習(xí) 36
第3章 流程控制 38
視頻講解：105分鐘
3.1 條件判斷語(yǔ)句 38
3.1.1 簡(jiǎn)單if語(yǔ)句 38
3.1.2 if…else語(yǔ)句 40
3.1.3 if…else if語(yǔ)句 41
3.1.4 if語(yǔ)句的嵌套 43
3.1.5 switch語(yǔ)句 44
3.2 循環(huán)控制語(yǔ)句 46
3.2.1 while語(yǔ)句 47
3.2.2 do…while語(yǔ)句 48
3.2.3 for語(yǔ)句 49
3.2.4 循環(huán)語(yǔ)句的嵌套 50
3.3 跳轉(zhuǎn)語(yǔ)句 52
3.3.1 continue語(yǔ)句 52
3.3.2 break語(yǔ)句 53
3.4 實(shí)踐與練習(xí) 54
第4章 函數(shù) 55
視頻講解：73分鐘
4.1 函數(shù)的定義 55
4.2 函數(shù)的調(diào)用 56
4.2.1 函數(shù)的簡(jiǎn)單調(diào)用 56
4.2.2 在事件響應(yīng)中調(diào)用函數(shù) 57
4.2.3 通過(guò)超鏈接調(diào)用函數(shù) 58
4.3 函數(shù)的參數(shù) 58
4.4 函數(shù)的返回值 59
4.5 嵌套函數(shù) 60
4.5.1 函數(shù)的嵌套定義 61
4.5.2 函數(shù)的嵌套調(diào)用 61
4.6 遞歸函數(shù) 62
4.7 JavaScript中的內(nèi)置函數(shù) 63
4.7.1 數(shù)值處理函數(shù) 63
4.7.2 字符串處理函數(shù) 65
4.8 定義匿名函數(shù) 66
4.8.1 在表達(dá)式中定義函數(shù) 67
4.8.2 使用Function()構(gòu)造函數(shù) 68
4.9 實(shí)踐與練習(xí) 69
第5章 JavaScript對(duì)象與數(shù)組 70
視頻講解：179分鐘
5.1 JavaScript內(nèi)部對(duì)象 70
5.1.1 Object對(duì)象 70
5.1.2 Date對(duì)象 73
5.1.3 Event對(duì)象 79
5.2 對(duì)象訪問語(yǔ)句 86
5.2.1 for…in循環(huán)語(yǔ)句 86
5.2.2 with語(yǔ)句 86
5.3 JavaScript中的數(shù)組 87
5.3.1 定義數(shù)組 87
5.3.2 數(shù)組元素的輸入和輸出 89
5.3.3 數(shù)組對(duì)象的屬性 91
5.3.4 數(shù)組對(duì)象的方法 93
5.3.5 數(shù)組的添加和刪除 93
5.3.6 設(shè)置數(shù)組的排列順序 96
5.3.7 獲取數(shù)組中的某段數(shù)組元素 98
5.3.8 將數(shù)組轉(zhuǎn)換成字符串 100
5.4 實(shí)踐與練習(xí) 101
第6章 字符串與數(shù)值處理對(duì)象 103
視頻講解：113分鐘
6.1 String對(duì)象 103
6.1.1 String對(duì)象的創(chuàng)建 103
6.1.2 String對(duì)象的屬性 104
6.1.3 String對(duì)象的方法 106
6.2 數(shù)值處理對(duì)象 114
6.2.1 Math對(duì)象 114
6.2.2 Number對(duì)象 116
6.2.3 Boolean對(duì)象 120
6.3 實(shí)踐與練習(xí) 123
第7章 正則表達(dá)式 124
視頻講解：62分鐘
7.1 正則表達(dá)式基礎(chǔ) 124
7.1.1 正則表達(dá)式的基本結(jié)構(gòu) 125
7.1.2 正則表達(dá)式的作用 125
7.2 正則表達(dá)式語(yǔ)法 125
7.2.1 模式匹配符 125
7.2.2 定位符與原義字符 127
7.2.3 限定符與選擇匹配符 130
7.2.4 字符匹配符 131
7.2.5 分組組合與反向引用符 133
7.2.6 實(shí)際應(yīng)用 134
7.3 RegExp對(duì)象 135
7.3.1 創(chuàng)建RegExp對(duì)象 135
7.3.2 RegExp對(duì)象的屬性 137
7.3.3 RegExp對(duì)象的方法 138
7.4 String對(duì)象中的模式匹配方法 140
7.5 實(shí)踐與練習(xí) 143
第8章 程序調(diào)試與錯(cuò)誤處理 144
視頻講解：39分鐘
8.1 處理異常 144
8.1.1 異常類型 144
8.1.2 觸發(fā)onerror事件處理異常 144
8.1.3 使用try...catch…finally語(yǔ)句處理異常 146
8.2 JavaScript語(yǔ)言調(diào)試技巧 150
8.2.1 使用alert()語(yǔ)句調(diào)試 150
8.2.2 使用write()語(yǔ)句調(diào)試 151
8.2.3 使用拋出自定義異常消息調(diào)試 151
8.3 實(shí)踐與練習(xí) 152
第2篇 核心技術(shù)
第9章 事件處理 154
視頻講解：69分鐘
9.1 事件與事件處理概述 154
9.1.1 事件與事件名稱 155
9.1.2 JavaScript的常用事件 155
9.1.3 事件處理程序的調(diào)用 157
9.2 DOM事件模型 158
9.2.1 主流瀏覽器的事件模型 158
9.2.2 注冊(cè)與移除事件監(jiān)聽器 158
9.3 鼠標(biāo)和鍵盤事件 159
9.3.1 鼠標(biāo)的單擊事件 159
9.3.2 鼠標(biāo)的按下和松開事件 160
9.3.3 鼠標(biāo)的移入和移出事件 161
9.3.4 鼠標(biāo)的移動(dòng)事件 162
9.3.5 鍵盤事件 163
9.4 頁(yè)面相關(guān)事件 166
9.4.1 onload事件 166
9.4.2 onresize事件 167
9.5 表單相關(guān)事件 168
9.5.1 獲得焦點(diǎn)與失去焦點(diǎn)事件 168
9.5.2 失去焦點(diǎn)修改事件 169
9.5.3 表單提交與重置事件 170
9.6 編輯事件 172
9.6.1 文本編輯事件 172
9.6.2 對(duì)象拖放事件 176
9.7 實(shí)踐與練習(xí) 177
第10章 文檔（Document）對(duì)象 178
視頻講解：47分鐘
10.1 Document對(duì)象概述 178
10.2 Document對(duì)象的常用屬性和方法 179
10.2.1 Document對(duì)象的屬性 179
10.2.2 Document對(duì)象的方法 179
10.3 Document對(duì)象的應(yīng)用 179
10.3.1 設(shè)置文檔前景色和背景色 180
10.3.2 設(shè)置動(dòng)態(tài)標(biāo)題欄 181
10.3.3 獲取URL 182
10.3.4 獲取當(dāng)前文檔的狀態(tài) 182
10.3.5 在文檔中輸出數(shù)據(jù) 183
10.3.6 打開新文檔并輸出內(nèi)容 184
10.3.7 動(dòng)態(tài)添加HTML標(biāo)記 185
10.3.8 獲取文本框并修改其內(nèi)容 186
10.4 實(shí)踐與練習(xí) 187
第11章 文檔對(duì)象模型（DOM） 188
視頻講解：56分鐘
11.1 DOM概述 188
11.2 DOM節(jié)點(diǎn)屬性 190
11.2.1 訪問指定節(jié)點(diǎn) 190
11.2.2 遍歷文檔樹 191
11.3 節(jié)點(diǎn) 194
11.3.1 創(chuàng)建節(jié)點(diǎn) 194
11.3.2 插入節(jié)點(diǎn) 197
11.3.3 復(fù)制節(jié)點(diǎn) 198
11.3.4 刪除與替換節(jié)點(diǎn) 199
11.4 獲取文檔中的指定元素 201
11.4.1 通過(guò)元素的id屬性獲取元素 201
11.4.2 通過(guò)元素的name屬性獲取元素 202
11.5 與DHTML相對(duì)應(yīng)的DOM 203
11.5.1 innerHTML和innerText屬性 203
11.5.2 outerHTML和outerText屬性 205
11.6 實(shí)踐與練習(xí) 206
第12章 Window對(duì)象 207
視頻講解：52分鐘
12.1 Window對(duì)象簡(jiǎn)介 207
12.1.1 屬性 207
12.1.2 方法 208
12.1.3 使用 209
12.2 對(duì)話框 209
12.2.1 警告對(duì)話框 209
12.2.2 確認(rèn)對(duì)話框 210
12.2.3 提示對(duì)話框 211
12.3 窗口的打開與關(guān)閉 212
12.3.1 打開窗口 212
12.3.2 關(guān)閉窗口 214
12.4 控制窗口 216
12.4.1 移動(dòng)窗口 216
12.4.2 窗口滾動(dòng) 218
12.4.3 訪問窗口歷史 219
12.4.4 設(shè)置超時(shí) 220
12.5 窗口事件 221
12.6 實(shí)踐與練習(xí) 222
第13章 級(jí)聯(lián)樣式表 223
視頻講解：76分鐘
13.1 樣式表簡(jiǎn)介 223
13.2 什么是CSS 224
13.3 CSS規(guī)則 225
13.4 style對(duì)象 226
13.4.1 style對(duì)象簡(jiǎn)介 226
13.4.2 style對(duì)象的樣式標(biāo)簽屬性和樣式屬性 227
13.5 CSS選擇器 243
13.5.1 標(biāo)記選擇器 244
13.5.2 類別選擇器 244
13.5.3 id選擇器 246
13.5.4 通用選擇器 246
13.6 在頁(yè)面中包含CSS 248
13.6.1 行內(nèi)樣式 248
13.6.2 內(nèi)嵌式樣式表 249
13.6.3 鏈接式樣式表 250
13.6.4 樣式表調(diào)用的優(yōu)先順序 251
13.7 CSS的繼承 253
13.7.1 HTML的繼承關(guān)系 253
13.7.2 CSS繼承的運(yùn)用 254
13.8 實(shí)踐與練習(xí) 255
第14章 表單對(duì)象 256
視頻講解：46分鐘
14.1 訪問表單與表單元素的方法 256
14.1.1 JavaScript訪問表單 256
14.1.2 JavaScript訪問表單元素 257
14.2 表單對(duì)象的屬性、方法與事件 257
14.3 表單對(duì)象的應(yīng)用 258
14.3.1 文本框 258
14.3.2 按鈕 260
14.3.3 單選按鈕和復(fù)選框 262
14.3.4 下拉菜單 264
14.4 實(shí)踐與練習(xí) 268
第3篇 高級(jí)應(yīng)用
第15章 使用Cookie 270
視頻講解：43分鐘
15.1 了解Cookie 270
15.1.1 Cookie的形式 271
15.1.2 Cookie的屬性 271
15.1.3 Cookie的主要用途 272
15.1.4 Cookie的優(yōu)點(diǎn) 273
15.1.5 Cookie的缺點(diǎn) 273
15.2 在JavaScript中使用Cookie 273
15.2.1 Cookie的設(shè)置 274
15.2.2 Cookie的傳遞流程 276
15.2.3 Cookie的寫入 277
15.2.4 Cookie的讀取 282
15.2.5 Cookie的刪除 284
15.3 Cookie的安全問題 285
15.4 頁(yè)面重定向中使用Cookie 285
15.5 實(shí)踐與練習(xí) 287
第16章 圖像處理 288
視頻講解：63分鐘
16.1 圖像對(duì)象概述 288
16.2 圖像對(duì)象的應(yīng)用 289
16.2.1 圖像的預(yù)裝載 289
16.2.2 圖像的隨機(jī)顯示 291
16.2.3 無(wú)間斷的圖像滾動(dòng)效果 293
16.2.4 登錄圖像驗(yàn)證碼 294
16.2.5 浮動(dòng)廣告 295
16.2.6 圖像漸變效果 296
16.2.7 進(jìn)度條的顯示 297
16.2.8 圖像的時(shí)鐘顯示 298
16.2.9 不斷閃爍的圖像 299
16.2.10 圖像總是置于頂端 300
16.3 實(shí)踐與練習(xí) 301
第17章 JavaScript中的XML 302
視頻講解：42分鐘
17.1 XML簡(jiǎn)介 302
17.2 創(chuàng)建XML 302
17.3 DOM與XML 304
17.4 解析XML 305
17.4.1 在IE瀏覽器中解析XML文本 305
17.4.2 在非IE瀏覽器中解析XML文本 306
17.5 讀取XML 307
17.5.1 獲取指定XML元素的屬性值 308
17.5.2 通過(guò)DOM元素的方法獲取XML元素中的數(shù)據(jù) 309
17.5.3 在表格中讀取XML數(shù)據(jù) 311
17.5.4 通過(guò)JavaScript操作XML實(shí)現(xiàn)分頁(yè) 313
17.6 實(shí)踐與練習(xí) 316
第18章 JavaScript的安全 317
視頻講解：24分鐘
18.1 同源策略 317
18.2 JavaScript代碼安全 318
18.2.1 屏蔽部分按鍵 319
18.2.2 屏蔽鼠標(biāo)右鍵 320
18.2.3 禁止復(fù)制網(wǎng)頁(yè)內(nèi)容 321
18.3 實(shí)踐與練習(xí) 322
第19章 jQuery技術(shù) 323
視頻講解：157分鐘
19.1 jQuery概述 323
19.1.1 jQuery的應(yīng)用 324
19.1.2 jQuery的特點(diǎn) 325
19.2 jQuery下載與配置 326
19.2.1 下載jQuery 326
19.2.2 配置jQuery 326
19.3 jQuery選擇器 327
19.3.1 jQuery的工廠函數(shù) 327
19.3.2 基本選擇器 327
19.3.3 層級(jí)選擇器 333
19.3.4 過(guò)濾選擇器 340
19.3.5 屬性選擇器 346
19.3.6 表單選擇器 347
19.4 jQuery控制頁(yè)面 349
19.4.1 對(duì)元素內(nèi)容和值進(jìn)行操作 349
19.4.2 對(duì)DOM節(jié)點(diǎn)進(jìn)行操作 353
19.4.3 對(duì)元素屬性進(jìn)行操作 357
19.4.4 對(duì)元素的CSS樣式進(jìn)行操作 358
19.5 jQuery的事件處理 359
19.5.1 頁(yè)面加載響應(yīng)事件 359
19.5.2 jQuery中的事件 360
19.5.3 事件綁定 361
19.5.4 模擬用戶操作 363
19.5.5 事件捕獲與事件冒泡 364
19.6 jQuery的動(dòng)畫效果 367
19.6.1 基本動(dòng)畫效果 367
19.6.2 淡入淡出動(dòng)畫效果 370
19.6.3 滑動(dòng)效果 371
19.6.4 自定義動(dòng)畫效果 373
19.7 實(shí)踐與練習(xí) 376
第20章 常用前端框架簡(jiǎn)介 377
視頻講解：63分鐘
20.1 React簡(jiǎn)介 377
20.1.1 React概述 377
20.1.2 創(chuàng)建React元素 379
20.1.3 創(chuàng)建組件 382
20.2 Vue.js簡(jiǎn)介 384
20.2.1 什么是Vue.js 385
20.2.2 Vue.js的安裝 385
20.2.3 Vue實(shí)例及選項(xiàng) 386
20.2.4 數(shù)據(jù)綁定 389
20.2.5 指令 391
20.3 實(shí)踐與練習(xí) 398
第4篇 項(xiàng)目實(shí)戰(zhàn)
第21章 仿豆瓣電影網(wǎng) 400
視頻講解：56分鐘
21.1 項(xiàng)目設(shè)計(jì)目的 400
21.2 系統(tǒng)結(jié)構(gòu)設(shè)計(jì) 400
21.2.1 系統(tǒng)功能結(jié)構(gòu) 400
21.2.2 文件夾組織結(jié)構(gòu) 401
21.2.3 系統(tǒng)預(yù)覽 401
21.3 網(wǎng)站主頁(yè)的設(shè)計(jì)與實(shí)現(xiàn) 402
21.3.1 網(wǎng)站主頁(yè)的設(shè)計(jì) 402
21.3.2 “正在熱映”版塊的實(shí)現(xiàn) 403
21.3.3 “最近熱門的電影”版塊的實(shí)現(xiàn) 405
21.4 查看電影信息頁(yè)面的設(shè)計(jì)與實(shí)現(xiàn) 407
21.4.1 “電影基本信息和評(píng)分”版塊的設(shè)計(jì) 407
21.4.2 “劇情簡(jiǎn)介”版塊的實(shí)現(xiàn) 409
21.4.3 “類似電影推薦”版塊的實(shí)現(xiàn) 410
21.5 電影評(píng)價(jià)功能的實(shí)現(xiàn) 411
21.5.1 記錄想看的電影 411
21.5.2 評(píng)價(jià)看過(guò)的電影 416
21.5.3 刪除記錄 417
21.6 小結(jié) 418