JavaScript自學視頻教程

《JavaScript自學視頻教程》是2014年清華大學出版社出版的圖書,作者是軟體開發技術聯盟。

該書以初學者為主要對象,全面介紹了使用JavaScript語言進行程式開發的各種相關技術。

內容介紹

《JavaScript自學視頻教程》分3篇,共20章。其中,第1篇為入門篇,主要包括JavaScript入門、JavaScript基礎、流程控制語句、函式、字元串與數值處理對象、正則表達式、數組、程式調試與錯誤處理等內容;第2篇為提高篇,主要包括Document對象、Window對象、JavaScript事件處理、表單的套用、JavaScript操作XML和DOM、Cookie套用、圖像處理、檔案處理和頁面列印、嵌入式外掛程式、AJAX技術、JQuery腳本庫等內容;第3篇為實戰篇,主要包括JavaScript+AJAX+JQuery開發企業入口網站這一實戰項目。另外本書光碟含:

12 小時視頻講解 /1411 個編程實例 /15 個經典模組分析 /17 個項目開發案例 /587 個編程實踐任務 /596 個能力測試題目(基礎能力測試、數學及邏輯思維能力測試、面試能力測試、編程英語能力測試) /23 IT 勵志故事

目錄

本書光碟“自主學習系統”內容索引…XI

第1篇 入 門 篇

第1章 JavaScript入門

( 視頻講解:20分鐘) 2

1.1 JavaScript概述 3

1.1.1 JavaScript的發展歷程 3

1.1.2 JavaScript的主要特點 3

1.1.3 JavaScript的典型套用 4

1.2 JavaScript運行環境 6

1.2.1 硬體要求 6

1.2.2 軟體要求 7

1.2.3 瀏覽器對JavaScript腳本的支持 7

1.3 JavaScript的開發工具 8

1.3.1 Macromedia Dreamweaver 8

1.3.2 Microsoft FrontPage 9

1.4 在HTML中使用JavaScript 9

1.4.1 在頁面中直接嵌入JavaScript腳本 9

1.4.2 連結外部JavaScript檔案 10

1.5 綜合套用 11

1.6 本章小結 12

1.7 跟我上機 12

第2章 JavaScript基礎

( 視頻講解:78分鐘) 13

2.1 JavaScript基本語法 14

2.1.1 程式的執行順序 14

2.1.2 字母大小寫敏感 14

2.1.3 語句的結束標記 14

2.2 JavaScript數據結構 15

2.2.1 標識符 15

2.2.2 關鍵字 15

2.2.3 常量 16

2.2.4 變數 16

2.3 數據類型 18

2.3.1 數字型數據 18

2.3.2 字元串型數據 20

2.3.3 布爾型數據 21

2.3.4 特殊數據類型 22

2.3.5 數據類型的轉換規則 23

2.4 運算符與表達式 24

2.4.1 算術運算符 24

2.4.2 比較運算符 25

2.4.3 賦值運算符 26

2.4.4 字元串運算符 27

2.4.5 布爾運算符 27

2.4.6 條件運算符 28

2.4.7 其他運算符 28

2.4.8 運算符優先權 29

2.4.9 表達式 31

2.5 綜合套用 31

2.5.1 輸出姚明個人信息 31

2.5.2 計算長方形的面積 32

2.6 本章常見錯誤 32

2.6.1 程式代碼大小寫不統一 32

2.6.2 輸出字元串時未加引號 32

2.7 本章小結 32

2.8 跟我上機 33

第3章 流程控制語句

( 視頻講解:20分鐘) 34

3.1 條件控制語句 35

3.1.1 if條件控制語句 35

3.1.2 if…else語句 36

3.1.3 if…else if語句 36

3.1.4 if語句的嵌套 39

3.1.5 switch多分支語句 41

3.2 循環控制語句 43

3.2.1 while循環語句 43

3.2.2 do…while循環語句 44

3.2.3 for循環語句 45

3.3 跳轉語句 47

3.3.1 continue跳轉語句 47

3.3.2 break跳轉語句 48

3.4 綜合套用 48

3.4.1 利用continue語句計算100以內所有偶數的和 48

3.4.2 用for語句製作一個乘法口訣表 49

3.5 本章常見錯誤 50

3.5.1 條件語句中缺少小括弧 50

3.5.2 while語句不正確,形成死循環 50

3.6 本章小結 50

3.7 跟我上機 50

第4章 函式

( 視頻講解:18分鐘) 52

4.1 函式的定義 53

4.2 函式的調用 53

4.2.1 函式的參數 53

4.2.2 函式的簡單調用 54

4.2.3 通過連結調用函式 55

4.2.4 在回響事件中調用函式 55

4.2.5 函式的返回值 56

4.3 幾種特殊的函式 57

4.3.1 構造函式與函式直接量 57

4.3.2 JavaScript的內置函式 59

4.3.3 嵌套函式 62

4.3.4 遞歸函式 63

4.4 綜合套用 65

4.4.1 自定義一個為數字取絕對值的函式 65

4.4.2 隨機生成指定位數的驗證碼 66

4.5 本章常見錯誤 67

4.5.1 使用JavaScript關鍵字作為變數名或函式名 67

4.5.2 自定義函式後沒有調用 67

4.6 本章小結 67

4.7 跟我上機 67

第5章 字元串與數值處理對象

( 視頻講解:26分鐘) 68

5.1 字元串對象String 69

5.1.1 search()方法 69

5.1.2 match()方法 69

5.1.3 split()方法 70

5.1.4 replace()方法 70

5.2 常用的數值處理對象 71

5.2.1 Math對象 71

5.2.2 Number對象 73

5.2.3 Boolean對象 78

5.2.4 Date對象 80

5.3 綜合套用 83

5.3.1 將RGB格式的顏色值轉換為十六進制格式 83

5.3.2 通過自定義函式實時顯示系統時間 85

5.4 本章常見錯誤 86

5.4.1 書寫Date對象的方法名不正確 86

5.4.2 使用new關鍵字創建Math對象 86

5.5 本章小結 86

5.6 跟我上機 86

第6章 正則表達式

( 視頻講解:44分鐘) 88

6.1 正則表達式概述 89

6.1.1 為什麼要使用正則表達式 89

6.1.2 正則表達式基本結構 89

6.2 正則表達式的語法規則 89

6.2.1 模式匹配符 90

6.2.2 定位符與原義字元 91

6.2.3 限定符與選擇匹配符 94

6.2.4 特殊字元與字元匹配符 95

6.2.5 分組組合與反向引用符 98

6.2.6 整合常用的正則表達式 99

6.3 RegExp對象 101

6.3.1 創建RegExp對象 101

6.3.2 RegExp對象的屬性 103

6.3.3 RegExp對象的方法 104

6.4 綜合套用 108

6.4.1 驗證輸入是否為漢字 108

6.4.2 驗證身份證號碼 109

6.5 本章常見錯誤 111

6.5.1 匹配特殊字元時未使用轉義字元“\” 111

6.5.2 顯式構造函式中的表達式未加引號 111

6.6 本章小結 111

6.7 跟我上機 111

第7章 數組

( 視頻講解:18分鐘) 113

7.1 數組對象Array 114

7.1.1 Array對象概述 114

7.1.2 數組元素的輸入輸出 116

7.2 常用的數組操作方法 118

7.2.1 數組的添加和刪除 118

7.2.2 數組的排序 120

7.2.3 獲取數組中的某段數組元素 122

7.2.4 將數組轉換成字元串 122

7.3 綜合套用 124

7.3.1 使用數組顯示星期 124

7.3.2 使用數組存儲商品信息 125

7.4 本章常見錯誤 125

7.4.1 數組對象名和已存在的變數重名 125

7.4.2 獲取數組長度寫成arrayObj.length() 126

7.5 本章小結 126

7.6 跟我上機 126

第8章 程式調試與錯誤處理

( 視頻講解:15分鐘) 127

8.1 IE瀏覽器內置的錯誤報告 128

8.2 處理異常 128

8.2.1 常見的3種異常類型 129

8.2.2 onerror事件處理異常 129

8.2.3 try...catch語句處理異常 131

8.3 JavaScript語言調試 134

8.3.1 使用write()方法進行調試 134

8.3.2 使用alert語句進行調試 135

8.3.3 使用拋出自定義異常進行調試 135

8.4 綜合套用 136

8.4.1 使用提示對話框顯示異常信息 136

8.4.2 判斷參數個數和除數是否為0 137

8.5 本章常見錯誤 138

8.5.1 根據瀏覽器中的錯誤提示斷定錯誤 138

8.5.2 try…catch使用大寫 138

8.6 本章小結 138

8.7 跟我上機 138

第2篇 提 高 篇

第9章 Document對象

( 視頻講解:20分鐘) 140

9.1 文檔對象概述 141

9.2 文檔對象的常用屬性、方法與事件 141

9.2.1 Document對象的常用屬性 141

9.2.2 Document對象的常用方法 142

9.2.3 Document對象的常用事件 142

9.3 Document對象的套用 143

9.3.1 連結文字顏色設定 143

9.3.2 文檔背景色和前景色設定 145

9.3.3 查看文檔創建時間、修改時間和文檔大小 146

9.3.4 獲取對象的當前狀態 147

9.3.5 獲取並設定URL 148

9.3.6 在文檔中輸出數據 148

9.3.7 動態添加一個HTML標記 149

9.3.8 獲取文本框並修改其內容 150

9.4 綜合套用 151

9.4.1 動態設定網頁的標題欄 151

9.4.2 打開新視窗並輸出內容 152

9.5 本章常見錯誤 153

9.5.1 Document對象的屬性和方法忽略大小寫 153

9.5.2 document.getElementById(…)為空或不是對象 153

9.6 本章小結 154

9.7 跟我上機 154

第10章 Window對象

( 視頻講解:32分鐘) 155

10.1 Window對象概述 156

10.1.1 Window對象的屬性 156

10.1.2 Window對象的方法 156

10.1.3 Window對象的使用 157

10.2 對話框 158

10.2.1 警告對話框 158

10.2.2 確認對話框 159

10.2.3 提示對話框 160

10.3 打開與關閉視窗 161

10.3.1 打開視窗 161

10.3.2 關閉視窗 164

10.4 控制視窗 166

10.4.1 移動視窗 166

10.4.2 視窗滾動 169

10.4.3 改變視窗大小 170

10.4.4 控制視窗狀態欄 171

10.4.5 訪問視窗歷史 174

10.4.6 設定逾時 174

10.5 視窗事件 175

10.5.1 通用視窗事件 175

10.5.2 擴展視窗事件 175

10.6 IE瀏覽器視窗擴展 176

10.6.1 模式視窗 176

10.6.2 無模式視窗 176

10.6.3 彈出視窗 177

10.7 綜合套用 178

10.7.1 根據用戶解析度自動調整視窗 178

10.7.2 網頁拾色器 178

10.8 本章常見錯誤 180

10.8.1 在使用Window方法時未寫小括弧 180

10.8.2 clearTimeout(timerId)中的timerId加了引號 180

10.9 本章小結 181

10.10 跟我上機 181

第11章 JavaScript事件處理

( 視頻講解:50分鐘) 182

11.1 事件與事件處理概述 183

11.1.1 事件與事件名稱 183

11.1.2 JavaScript的常用事件 183

11.1.3 事件的調用 185

11.2 DOM事件模型 186

11.2.1 事件流 186

11.2.2 主流瀏覽器的事件模型 186

11.2.3 事件對象 187

11.2.4 註冊與移除事件監聽器 188

11.3 表單相關事件 190

11.3.1 獲得焦點與失去焦點事件 190

11.3.2 失去焦點內容改變事件 191

11.3.3 表單提交與重置事件 192

11.4 滑鼠鍵盤事件 195

11.4.1 滑鼠單擊事件 195

11.4.2 滑鼠按下和鬆開事件 196

11.4.3 滑鼠移入移出事件 197

11.4.4 滑鼠移動事件 197

11.4.5 鍵盤事件 198

11.5 頁面事件 200

11.5.1 載入與卸載事件 200

11.5.2 頁面大小事件 201

11.6 滾動字幕事件 202

11.6.1 onbounce事件 202

11.6.2 onstart事件 204

11.7 文本編輯事件 205

11.8 綜合套用 208

11.8.1 禁止鍵盤相關事件 208

11.8.2 限制文本框的輸入 210

11.9 本章常見錯誤 211

11.9.1 onsubmit調用自定義函式時未加return語句 211

11.9.2 JavaScript中的事件名稱忽略了大小寫 211

11.10 本章小結 211

11.11 跟我上機 212

第12章 表單的套用

( 視頻講解:32分鐘) 214

12.1 表單概述 215

12.2 表單標記及其屬性 215

12.2.1 name屬性 216

12.2.2 action屬性 216

12.2.3 method屬性 216

12.2.4 enctype屬性 217

12.2.5 target屬性 217

12.3 輸入標記<input> 217

12.3.1 文字域text 218

12.3.2 密碼域password 219

12.3.3 單選按鈕radio 220

12.3.4 複選框checkbox 221

12.3.5 普通按鈕button 221

12.3.6 提交按鈕submit 222

12.3.7 重置按鈕reset 222

12.3.8 圖像域image 223

12.3.9 隱藏域hidden 224

12.3.10??檔案域file 224

12.4 文本域標記<textarea> 225

12.5 選單和列表標記<select>、<option> 226

12.6 在Dreamweaver中快速創建表單 227

12.7 JavaScript訪問表單及表單元素 229

12.7.1 JavaScript訪問表單 229

12.7.2 JavaScript訪問表單元素 230

12.8 表單的驗證 230

12.9 綜合套用 233

12.9.1 讓密碼域更安全 233

12.9.2 製作個人信息頁面 234

12.10 本章常見錯誤 236

12.10.1 上傳檔案表單沒有設定enctype屬性 236

12.10.2 表單中的列表不能實現多選 236

12.11 本章小結 236

12.12 跟我上機 236

第13章 JavaScript操作XML和DOM

( 視頻講解:44分鐘) 239

13.1 XML編程 240

13.1.1 XML概述 240

13.1.2 創建XML檔案 240

13.1.3 載入XML檔案 241

13.1.4 讀取XML 244

13.2 DOM編程 248

13.2.1 DOM概述 248

13.2.2 DOM對象節點屬性 251

13.2.3 操作節點 255

13.2.4 獲取文檔中的指定元素 262

13.2.5 與DHTML相對應的DOM 264

13.3 DOM與XML編程 266

13.4 綜合套用 267

13.4.1 通過JavaScript操作XML實現分頁 267

13.4.2 通過操作XML數據島實現添加、刪除留言信息 269

13.5 本章常見錯誤 272

13.5.1 getElementById()方法無法獲取指定元素 272

13.5.2 getElementsByName()方法無法獲取元素 273

13.6 本章小結 273

13.7 跟我上機 273

第14章 Cookie套用

( 視頻講解:28分鐘) 275

14.1 Cookie基礎 276

14.1.1 Cookie概述 276

14.1.2 Cookie的傳遞流程 278

14.1.3 Cookie的常用屬性 278

14.2 JavaScript中的Cookie套用 279

14.2.1 Cookie的設定 279

14.2.2 Cookie的寫入和讀取 281

14.2.3 刪除Cookie 288

14.3 Cookie的安全問題 289

14.4 綜合套用 290

14.4.1 頁面重定向中使用Cookie 290

14.4.2 彈出的視窗之Cookie控制 291

14.5 本章常見錯誤 293

14.5.1 expires屬性用encodeURI()進行編碼 293

14.5.2 瀏覽器重新打開後獲取不到Cookie值 293

14.6 本章小結 293

14.7 跟我上機 293

第15章 圖像處理

( 視頻講解:30分鐘) 295

15.1 Image對象 296

15.2 JavaScript中的圖像套用 296

15.2.1 圖像的預裝載 296

15.2.2 圖片的隨機顯示 298

15.2.3 浮動廣告 300

15.2.4 圖片驗證碼 302

15.2.5 圖片置頂 302

15.2.6 進度條 304

15.2.7 圖片時鐘 305

15.3 特殊的圖像效果 306

15.3.1 圖片漸變 306

15.3.2 圖片翻轉 307

15.3.3 圖片閃爍 311

15.4 綜合套用 312

15.4.1 圖片水波倒影 312

15.4.2 圖片無間斷滾動 313

15.5 本章常見錯誤 314

15.5.1 圖像檔案路徑不正確 314

15.5.2 document.images[]獲取圖像不正確 314

15.6 本章小結 314

15.7 跟我上機 315

第16章 檔案處理和頁面列印

( 視頻講解:82分鐘) 316

16.1 檔案處理對象 317

16.1.1 FileSystemObject對象 317

16.1.2 Drive對象 322

16.1.3 File對象 326

16.1.4 Folder對象 337

16.2 頁面列印 338

16.2.1 使用execWB方法進行列印 338

16.2.2 列印頁面局部內容 341

16.2.3 設定頁眉頁腳 342

16.2.4 分頁列印 344

16.3 綜合套用 346

16.3.1 表格導出到Word並列印 346

16.3.2 將Web頁面中的數據導出到Excel 348

16.4 本章常見錯誤 349

16.4.1 GetFile()方法指定的檔案不存在 349

16.4.2 Delete()方法刪除的檔案不存在 349

16.5 本章小結 350

16.6 跟我上機 350

第17章 嵌入式外掛程式

( 視頻講解:22分鐘) 351

17.1 嵌入對象標記<object> 352

17.2 MIME類型 353

17.3 ActiveX控制項 354

17.3.1 創建ActiveX 354

17.3.2 嵌入ActiveX 354

17.3.3 JavaScript與ActiveX互動 355

17.4 Java applet對象 356

17.4.1 創建Java applet 356

17.4.2 嵌入Java applet 356

17.4.3 在IE中執行Java applet 357

17.4.4 JavaScript與Java applet互動 358

17.5 使用Flash動畫 359

17.5.1 嵌入Flash動畫 359

17.5.2 使用JavaScript控制Flash 361

17.6 綜合套用 363

17.6.1 為網頁設定背景音樂 363

17.6.2 插入背景透明的Flash動畫 364

17.7 本章常見錯誤 365

17.7.1 無法向註冊表中註冊ActiveX控制項 365

17.7.2 使用<object>標記嵌入Flash

未指定MIME類型 365

17.8 本章小結 365

17.9 跟我上機 365

第18章 AJAX技術

( 視頻講解:38分鐘) 366

18.1 AJAX概述 367

18.1.1 什麼是AJAX 367

18.1.2 AJAX套用案例 367

18.1.3 AJAX的開發模式 369

18.1.4 AJAX的優點 370

18.2 AJAX的技術組成 370

18.2.1 XMLHttpRequest對象 370

18.2.2 XML語言 371

18.2.3 JavaScript腳本語言 373

18.2.4 DOM 373

18.2.5 CSS 373

18.3 XMLHttpRequest對象 374

18.3.1 XMLHttpRequest對象的初始化 374

18.3.2 XMLHttpRequest對象的常用屬性 375

18.3.3 XMLHttpRequest對象的常用方法 377

18.4 AJAX的重構 379

18.5 AJAX開發注意事項 381

18.5.1 瀏覽器兼容性問題 381

18.5.2 安全問題 381

18.5.3 性能問題 382

18.5.4 解決中文亂碼問題 382

18.6 綜合套用 383

18.6.1 套用AJAX技術檢測用戶名 383

18.6.2 套用AJAX技術刪除數據 385

18.7 本章常見錯誤 388

18.7.1 在套用AJAX過程中出現亂碼 388

18.7.2 不能及時獲取最新數據 388

18.8 本章小結 388

18.9 跟我上機 389

第19章 JQuery腳本庫

( 視頻講解:95分鐘) 391

19.1 JQuery概述 392

19.1.1 JQuery主要特點 392

19.1.2 JQuery案例展示 393

19.2 JQuery下載與配置 394

19.2.1 JQuery下載 394

19.2.2 JQuery配置 395

19.3 JQuery的外掛程式 396

19.3.1 外掛程式的使用 396

19.3.2 流行的外掛程式 396

19.4 JQuery選擇器 398

19.4.1 JQuery的工廠函式 399

19.4.2 基本選擇器 399

19.4.3 層級選擇器 405

19.4.4 過濾選擇器 412

19.4.5 屬性選擇器 419

19.4.6 表單選擇器 420

19.5 JQuery操作元素 421

19.5.1 操作元素內容和值 421

19.5.2 操作DOM節點 425

19.5.3 操作元素屬性 428

19.5.4 操作元素的CSS樣式 429

19.6 JQuery的事件處理 430

19.6.1 頁面載入回響事件 430

19.6.2 JQuery中的事件 431

19.6.3 事件綁定 432

19.6.4 模擬用戶操作事件 433

19.6.5 事件捕獲與事件冒泡 435

19.7 JQuery動畫 438

19.7.1 元素的隱藏和顯示 438

19.7.2 元素的淡入淡出 442

19.7.3 元素的滑動效果 443

19.7.4 自定義動畫效果 445

19.8 綜合套用 449

19.8.1 表格隔行換色 449

19.8.2 打造自己的開心農場 451

19.9 本章常見錯誤 453

19.9.1 兩個元素的id屬性值相同 453

19.9.2 使用animate()方法時未設定

position定位屬性 453

19.10 本章小結 453

19.11 跟我上機 453

第3篇 實 戰 篇

第20章 JavaScript+AJAX+JQuery開發企業入口網站

( 視頻講解:12分鐘) 458

20.1 系統分析 459

20.2 系統設計 459

20.2.1 系統目標 459

20.2.2 系統功能結構 459

20.3 網頁預覽 460

20.4 關鍵技術 462

20.4.1 JavaScript腳本技術 463

20.4.2 AJAX無刷新技術 465

20.4.3 JQuery技術 470

20.5 JavaScript實現導航選單 471

20.6 JQuery實現圖片展示 473

20.7 AJAX實現最新訊息頁面 476

20.8 JavaScript實現產品推薦頁面 478

20.9 JavaScript實現浮動視窗 480

20.10 本章小結 482

相關詞條

相關搜尋

熱門詞條

聯絡我們