JavaScript 從入門到精通, 5/e

第1篇 基礎知識

第1章 初識JavaScript 2

視頻講解：45分鐘

1.1 JavaScript簡述 2

1.1.1 JavaScript的起源 3

1.1.2 JavaScript的主要特點 3

1.1.3 JavaScript的應用 4

1.2 WebStorm的下載與安裝 6

1.2.1 WebStorm的下載 6

1.2.2 WebStorm的安裝 7

1.3 JavaScript在HTML中的應用 10

1.3.1 在頁面中直接嵌入JavaScript代碼 10

1.3.2 鏈接外部JavaScript文件 14

1.3.3 作為標簽的屬性值使用 16

1.4 JavaScript基本語法 16

1.4.1 執行順序 16

1.4.2 字母大小寫 17

1.4.3 空格與換行 17

1.4.4 每行結尾的分號 17

1.4.5 註釋 17

1.5 實踐與練習 18

第2章 JavaScript基礎 19

視頻講解：133分鐘

2.1 數據類型 19

2.1.1 數值型 19

2.1.2 字符串型 22

2.1.3 布爾型 24

2.1.4 特殊數據類型 25

2.2 常量和變量 25

2.2.1 常量 25

2.2.2 變量 25

2.3 運算符 28

2.3.1 算術運算符 28

2.3.2 字符串運算符 29

2.3.3 比較運算符 31

2.3.4 賦值運算符 32

2.3.5 邏輯運算符 33

2.3.6 條件運算符 33

2.3.7 其他運算符 34

2.3.8 運算符的優先級與結合性 35

2.4 表達式 37

2.5 數據類型的轉換規則 37

2.6 實踐與練習 39

第3章 流程控制語句 40

視頻講解：102分鐘

3.1 條件判斷語句 40

3.1.1 簡單if語句 40

3.1.2 if…else語句 42

3.1.3 if…else if語句 43

3.1.4 if語句的嵌套 44

3.1.5 switch語句 46

3.2 循環控制語句 48

3.2.1 while循環語句 48

3.2.2 do…while循環語句 49

3.2.3 for循環語句 50

3.2.4 循環語句的嵌套 52

3.3 跳轉語句 53

3.3.1 continue語句 53

3.3.2 break語句 55

3.4 實踐與練習 55

第4章 函數 57

視頻講解：59分鐘

4.1 函數的定義 57

4.2 函數的調用 58

4.2.1 函數的簡單調用 58

4.2.2 在事件響應中調用函數 59

4.2.3 通過超鏈接調用函數 60

4.3 函數的參數 60

4.4 函數的返回值 61

4.5 函數的嵌套調用 62

4.6 遞歸函數 63

4.7 JavaScript中的內置函數 64

4.7.1 數值處理函數 65

4.7.2 字符串處理函數 66

4.8 匿名函數 67

4.8.1 在表達式中定義匿名函數 68

4.8.2 使用Function()構造函數定義匿名函數 69

4.9 實踐與練習 70

第5章 對象 71

視頻講解：58分鐘

5.1 對象簡介 71

5.1.1 對象的概念 71

5.1.2 對象的創建 72

5.2 操作對象 72

5.2.1 訪問屬性 72

5.2.2 添加屬性 73

5.2.3 刪除屬性 73

5.2.4 添加方法 73

5.2.5 遍歷對象 74

5.3 JavaScript內部對象 75

5.3.1 Math對象 75

5.3.2 Date對象 77

5.3.3 Event對象 82

5.4 實踐與練習 89

第6章 數組與集合 91

視頻講解：109分鐘

6.1 數組 91

6.1.1 定義數組 91

6.1.2 數組元素的輸入和輸出 93

6.1.3 稀疏數組 95

6.1.4 獲取數組的長度 95

6.1.5 數組對象的方法 96

6.1.6 數組的添加和刪除 97

6.1.7 設置數組的排列順序 99

6.1.8 獲取數組中的某段數組元素 102

6.1.9 將數組轉換成字符串 103

6.2 Map集合 105

6.2.1 創建Map 105

6.2.2 Map操作方法 105

6.2.3 Map集合的遍歷 108

6.3 Set集合 110

6.3.1 創建Set 110

6.3.2 Set操作方法 110

6.3.3 Set集合的遍歷 112

6.4 迭代器 113

6.4.1 迭代器的原理 114

6.4.2 迭代器的簡單應用 114

6.4.3 提前終止迭代器 115

6.5 實踐與練習 116

第7章 String對象 117

視頻講解：64分鐘

7.1 String對象的創建 117

7.2 String對象的屬性 118

7.2.1 length屬性 118

7.2.2 constructor屬性 119

7.2.3 prototype屬性 120

7.3 String對象的方法 120

7.3.1 查找字符串 120

7.3.2 截取字符串 122

7.3.3 字符串的大小寫轉換 124

7.3.4 連接和拆分字符串 125

7.3.5 格式化字符串 127

7.4 實踐與練習 128

第8章 正則表達式 129

視頻講解：83分鐘

8.1 正則表達式基礎 129

8.1.1 正則表達式的基本結構 130

8.1.2 正則表達式的作用 130

8.2 正則表達式語法 130

8.2.1 模式匹配符 130

8.2.2 定位符與原義字符 132

8.2.3 限定符與選擇匹配符 135

8.2.4 字符匹配符 136

8.2.5 分組組合與反向引用符 138

8.2.6 實際應用 139

8.3 RegExp對象 140

8.3.1 創建RegExp對象 140

8.3.2 RegExp對象的屬性 142

8.3.3 RegExp對象的方法 143

8.4 String對象中的模式匹配方法 144

8.4.1 match()方法 144

8.4.2 search()方法 145

8.4.3 replace()方法 146

8.4.4 split()方法 147

8.5 實踐與練習 147

第9章 異常處理與程序調試 149

視頻講解：41分鐘

9.1 異常處理 149

9.1.1 異常類型 149

9.1.2 觸發onerror事件處理異常 150

9.1.3 使用try...catch…finally語句處理異常 151

9.2 程序調試 155

9.2.1 使用alert()語句調試 155

9.2.2 使用write()語句調試 156

9.2.3 使用拋出自定義異常消息調試 156

9.3 實踐與練習 157

第10章 JavaScript高級編程 159

視頻講解：43分鐘

10.1 構造函數和原型 159

10.1.1 構造函數 160

10.1.2 原型對象prototype 160

10.1.3 constructor屬性 161

10.1.4 擴展內部對象 161

10.2 類和對象 162

10.2.1 創建類和實例 162

10.2.2 類的構造函數 162

10.2.3 在類中添加方法 163

10.2.4 類的繼承 164

10.2.5 靜態成員 165

10.3 模塊 166

10.3.1 模塊概述 166

10.3.2 ECMAScript 6中的模塊 166

10.4 實踐與練習 170

第2篇 核心技術

第11章 事件處理 172

視頻講解：68分鐘

11.1 事件與事件處理概述 172

11.1.1 事件與事件名稱 172

11.1.2 JavaScript的常用事件 173

11.1.3 事件處理程序的調用 175

11.2 DOM事件模型 176

11.2.1 DOM事件模型的種類 176

11.2.2 註冊與移除事件監聽器 176

11.3 鼠標和鍵盤事件 177

11.3.1 鼠標的單擊事件 177

11.3.2 鼠標的按下和松開事件 178

11.3.3 鼠標的移入和移出事件 179

11.3.4 鼠標的移動事件 180

11.3.5 鍵盤事件 180

11.4 頁面相關事件 183

11.4.1 onload事件 184

11.4.2 onresize事件 185

11.5 表單相關事件 185

11.5.1 獲得焦點與失去焦點事件 186

11.5.2 失去焦點修改事件 186

11.5.3 表單提交與重置事件 187

11.6 編輯事件 189

11.6.1 文本編輯事件 189

11.6.2 對象拖放事件 192

11.7 實踐與練習 194

第12章 Document對象 195

視頻講解：46分鐘

12.1 Document對象概述 195

12.2 Document對象的常用屬性和方法 196

12.2.1 常用屬性 196

12.2.2 常用方法 196

12.3 Document對象的應用 197

12.3.1 設置文檔背景色和前景色 197

12.3.2 設置動態標題欄 198

12.3.3 獲取URL 199

12.3.4 獲取當前文檔的狀態 199

12.3.5 在文檔中輸出數據 200

12.3.6 打開新文檔並輸出內容 201

12.3.7 動態添加HTML標記 202

12.3.8 獲取文本框並修改其內容 203

12.4 實踐與練習 204

第13章 文檔對象模型 205

視頻講解：40分鐘

13.1 DOM概述 205

13.2 DOM節點屬性 207

13.2.1 訪問指定節點 207

13.2.2 遍歷文檔樹 208

13.3 節點 211

13.3.1 創建節點 211

13.3.2 插入節點 212

13.3.3 復制節點 213

13.3.4 刪除與替換節點 214

13.4 獲取文檔中的指定元素 216

13.4.1 通過元素的id屬性獲取元素 216

13.4.2 通過元素的class屬性獲取元素 217

13.5 與DHTML相對應的DOM 219

13.5.1 innerHTML和innerText屬性 219

13.5.2 outerHTML和outerText屬性 221

13.6 實踐與練習 221

第14章 Window對象 223

視頻講解：39分鐘

14.1 Window對象簡介 223

14.1.1 屬性 223

14.1.2 方法 224

14.1.3 使用 225

14.2 對話框 225

14.2.1 警告對話框 225

14.2.2 確認對話框 226

14.2.3 提示對話框 227

14.3 窗口的打開與關閉 228

14.3.1 打開窗口 228

14.3.2 關閉窗口 230

14.4 控制窗口 231

14.4.1 移動窗口 232

14.4.2 窗口滾動 232

14.4.3 設置超時 234

14.5 窗口事件 235

14.6 實踐與練習 235

第15章 瀏覽器對象模型 237

視頻講解：16分鐘

15.1 location對象 237

15.1.1 location對象的屬性 237

15.1.2 location對象的方法 238

15.2 navigator對象 240

15.3 screen對象 241

15.4 history對象 242

15.4.1 history對象的屬性 242

15.4.2 history對象的方法 242

15.5 實踐與練習 243

第16章 Style對象 244

視頻講解：29分鐘

16.1 Style對象簡介 244

16.2 樣式標簽屬性和樣式屬性 245

16.3 常用樣式屬性操作 247

16.3.1 顏色和背景屬性 247

16.3.2 邊框屬性 250

16.3.3 定位屬性 253

16.3.4 字體屬性 258

16.3.5 表格佈局屬性 261

16.4 實踐與練習 262

第17章 Form對象 264

視頻講解：44分鐘

17.1 訪問表單與表單元素的方法 264

17.1.1 JavaScript訪問表單 264

17.1.2 JavaScript訪問表單元素 265

17.2 Form對象的屬性、方法與事件 265

17.3 Form對象的應用 266

17.3.1 文本框 266

17.3.2 按鈕 268

17.3.3 單選按鈕和復選框 270

17.3.4 下拉菜單 272

17.4 實踐與練習 275

第3篇 高級應用

第18章 圖像處理 278

視頻講解：62分鐘

18.1 圖像對象概述 278

18.2 圖像對象的應用 279

18.2.1 圖像的預裝載 279

18.2.2 圖像的隨機顯示 281

18.2.3 無間斷的圖像滾動效果 282

18.2.4 登錄圖像驗證碼 284

18.2.5 浮動廣告 284

18.2.6 圖像漸變效果 286

18.2.7 進度條的顯示 287

18.2.8 圖像的時鐘顯示 288

18.2.9 不斷閃爍的圖像 289

18.2.10 圖像總是置於頂端 290

18.3 實踐與練習 291

第19章 JavaScript中的XML 294

視頻講解：37分鐘

19.1 XML簡介 294

19.2 XML文檔 294

19.3 DOM與XML 295

19.4 解析XML 297

19.5 讀取XML 298

19.5.1 獲取指定XML元素的屬性值 298

19.5.2 通過DOM元素的方法獲取XML元素中的數據 300

19.5.3 在表格中讀取XML數據 301

19.5.4 通過JavaScript操作XML實現分頁 302

19.6 實踐與練習 305

第20章 JSON 307

視頻講解：30分鐘

20.1 JSON簡介 307

20.1.1 什麽是JSON 307

20.1.2 JSON語法規則 307

20.2 JSON對象 308

20.2.1 獲取值 308

20.2.2 遍歷JSON對象 309

20.2.3 嵌套JSON對象 309

20.3 JSON數組 310

20.3.1 獲取值 310

20.3.2 遍歷JSON數組 310

20.3.3 JSON對象中的嵌套數組 311

20.4 JSON和JavaScript對象的轉換 313

20.4.1 JSON序列化 313

20.4.2 JSON反序列化 313

20.5 實踐與練習 314

第21章 JavaScript的安全 315

視頻講解：23分鐘

21.1 同源策略 315

21.2 JavaScript代碼安全 316

21.2.1 屏蔽部分按鍵 317

21.2.2 屏蔽鼠標右鍵 318

21.2.3 禁止復制網頁內容 319

21.3 實踐與練習 320

第22章 Ajax技術 321

視頻講解：33分鐘

22.1 Ajax概述 321

22.1.1 Ajax應用案例 321

22.1.2 Ajax的開發模式 322

22.1.3 Ajax的優缺點 323

22.2 Ajax的技術組成 324

22.3 XMLHttpRequest對象 325

22.3.1 XMLHttpRequest對象的初始化 325

22.3.2 XMLHttpRequest對象的常用屬性 325

22.3.3 XMLHttpRequest對象的常用方法 327

22.4 實踐與練習 331

第23章 Vue.js編程 332

視頻講解：64分鐘

23.1 Vue.js簡介 332

23.2 Vue.js的安裝 333

23.2.1 使用CDN 333

23.2.2 使用NPM 333

23.2.3 使用Vue CLI 334

23.3 應用程序實例及選項 334

23.3.1 數據 334

23.3.2 方法 335

23.3.3 生命周期鉤子函數 335

23.4 數據綁定 337

23.4.1 文本插值 337

23.4.2 插入HTML 338

23.4.3 使用表達式 338

23.5 指令 339

23.5.1 v-bind指令 339

23.5.2 v-on指令 340

23.5.3 v-if和v-else指令 341

23.5.4 v-show指令 342

23.5.5 v-for指令 343

23.5.6 v-model指令 348

23.6 計算屬性 350

23.6.1 計算屬性簡介 351

23.6.2 getter和setter 352

23.6.3 計算屬性緩存 354

23.7 實踐與練習 356

第4篇 項目實戰

第24章 星光電影網 358

視頻講解：8分鐘

24.1 系統分析 358

24.2 系統設計 359

24.2.1 系統目標 359

24.2.2 系統功能結構 359

24.2.3 系統業務流程 359

24.2.4 網頁預覽 360

24.3 系統開發必備 362

24.3.1 開發環境 362

24.3.2 文件夾組織結構 364

24.4 關鍵技術 365

24.4.1 JavaScript腳本技術 365

24.4.2 Ajax請求 366

24.4.3 Vue.js技術 367

24.5 首頁技術實現 368

24.5.1 JavaScript實現導航菜單 368

24.5.2 JavaScript實現圖片的輪換效果 370

24.5.3 Ajax實現熱門專題頁面 371

24.5.4 Vue.js實現電影圖片不間斷滾動 372

24.5.5 JavaScript實現浮動窗口 374

24.5.6 JavaScript實現滑動門效果 376

24.5.7 JavaScript實現向上間斷滾動效果 378

24.6 影片詳情頁面的實現 380