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

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