從零開始學 JavaScript

第1篇基礎知識篇
第1章JavaScript簡介2 視頻講解：6節，50分鐘
1.1 JavaScript簡述3
1.2 WebStorm的下載與安裝5
1.3 JavaScript在HTML中的使用8
1.3.1 在頁面中直接嵌入JavaScript代碼8
[實例1.1] 編寫第一個JavaScript程序9
1.3.2 鏈接外部JavaScript文件11
[實例1.2] 調用外部JavaScript文件11
1.3.3 作為標籤的屬性值使用12
1.4 JavaScript基本語法13
本章知識思維導圖15

第2章JavaScript語言基礎16 視頻講解：15節，135分鐘
2.1 數據類型17
2.1.1 數值型17
2.1.2 字符串型19
[實例2.1] 輸出奧尼爾的中文名、英文名和別名20
2.1.3 布爾型21
2.1.4 特殊數據類型22
2.2 變量22
2.2.1 變量的命名22
2.2.2 變量的聲明23
2.2.3 變量的賦值23
2.2.4 變量的類型24
[實例2.2] 輸出球員信息25
2.3 運算符25
2.3.1 算術運算符25
[實例2.3] 將華氏度轉換為攝氏度26
2.3.2 字符串運算符26
[實例2.4] 字符串運算符的使用27
2.3.3 比較運算符27
[實例2.5] 比較運算符的使用28
2.3.4 賦值運算符28
[實例2.6] 賦值運算符的使用29
2.3.5 邏輯運算符29
[實例2.7] 邏輯運算符的使用30
2.3.6 條件運算符30
[實例2.8] 條件運算符的使用30
2.3.7 其他運算符31
2.3.8 運算符優先級32
[實例2.9] 運算符優先級的使用33
2.4 表達式33
2.5 數據類型的轉換規則34
本章知識思維導圖36

第3章條件判斷語句37 視頻講解：5節，49分鐘
3.1 if語句38
3.1.1 簡單if語句38
[實例3.1] 獲取3個數中的最大值39
3.1.2 if…else語句39
[實例3.2] 判斷2022年2月份的天數40
3.1.3 if…else if語句40
[實例3.3] 輸出考試成績對應的等級41
3.1.4 if語句的嵌套42
[實例3.4] 判斷女職工是否已經退休42
3.2 switch語句43
[實例3.5] 輸出獎項級別及獎品44
本章知識思維導圖45

第4章循環控制語句46 視頻講解：6節，56分鐘
4.1 循環語句47
4.1.1 while語句47
[實例4.1] 計算1500米比賽的完整圈數48
4.1.2 do…while語句48
[實例4.2] 計算1+2+…+100的和49
4.1.3 for語句49
[實例4.3] 計算100以內所有偶數的和51
4.1.4 循環語句的嵌套51
[實例4.4] 輸出乘法口訣表51
4.2 跳轉語句52
4.2.1 continue語句52
[實例4.5] 輸出影廳座位圖52
4.2.2 break語句53
本章知識思維導圖54

第5章函數55 視頻講解：13節，80分鐘
5.1 函數的定義和調用56
5.1.1 函數的定義56
5.1.2 函數的調用57
5.2 函數的參數58
[實例5.1] 輸出圖書名稱和圖書作者59
5.3 函數的返回值59
[實例5.2] 計算購物車中商品總價60
5.4 嵌套函數60
5.4.1 函數的嵌套定義60
5.4.2 函數的嵌套調用61
[實例5.3] 獲得選手的平均分61
5.5 遞歸函數62
5.6 變量的作用域62
5.6.1 全局變量和局部變量62
5.6.2 變量的優先級63
5.7 內置函數63
5.7.1 數值處理函數64
5.7.2 字符串處理函數66
5.8 定義匿名函數67
5.8.1 在表達式中定義函數67
[實例5.4] 輸出星號金字塔形圖案68
5.8.2 使用Function()構造函數68
本章知識思維導圖69

第6章自定義對象70 視頻講解：8節，71分鐘
6.1 對像簡介71
6.1.1 什麼是對象71
6.1.2 對象的屬性和方法71
6.1.3 JavaScript對象的種類72
6.2 自定義對象的創建72
6.2.1 直接創建自定義對象72
6.2.2 通過自定義構造函數創建對象73
[實例6.1] 創建一個球員對象74
[實例6.2] 輸出演員個人簡介75
[實例6.3] 創建一個圓的對象76
6.2.3 通過Object對象創建自定義對象76
[實例6.4] 創建一個圖書對象78
6.3 對象訪問語句78
6.3.1 for…in語句78
6.3.2 with語句79
本章知識思維導圖80

第7章Math對象和Date對象81 視頻講解：2節，58分鐘
7.1 Math對象82
7.1.1 Math對象的屬性82
7.1.2 Math對象的方法82
[實例7.1] 生成指定位數的隨機數83
7.2 Date對象84
7.2.1 創建Date對象84
7.2.2 Date對象的屬性85
7.2.3 Date對象的方法86
[實例7.2] 輸出當前的日期和時間87
[實例7.3] 獲取當前日期距離明年元旦的天數89
本章知識思維導圖90

第8章數組91 視頻講解：14節，111分鐘
8.1 數組介紹92
8.2 定義數組92
8.2.1 定義空數組92
8.2.2 指定數組長度93
8.2.3 指定數組元素93
8.2.4 直接定義數組94
8.3 操作數組元素94
8.3.1 數組元素的輸入和輸出94
[實例8.1] 輸出3個學霸姓名96
8.3.2 數組元素的添加96
8.3.3 數組元素的刪除97
8.4 數組的屬性97
8.4.1 length屬性97
[實例8.2] 輸出省份、省會以及旅遊景點98
8.4.2 prototype屬性99
[實例8.3] 應用自定義方法輸出數組99
8.5 數組的方法99
8.5.1 數組的添加和刪除100
8.5.2 設置數組的排列順序103
[實例8.4] 輸出2020年電影票房排行榜前五名105
8.5.3 獲取某段數組元素105
[實例8.5] 計算選手的最終得分106
8.5.4 數組轉換成字符串107
本章知識思維導圖108

第9章String對象109 視頻講解：9節，65分鐘
9.1 String對象的創建110
9.2 String對象的屬性110
9.2.1 length屬性110
[實例9.1] 為金庸小說人物名稱按字數分類111
9.2.2 constructor屬性111
9.2.3 prototype屬性112
9.3 String對象的方法112
9.3.1 查找字符串113
[實例9.2] 獲取字符“葡萄”在繞口令中的出現次數114
9.3.2 截取字符串115
[實例9.3] 截取網站公告標題116
9.3.3 大小寫轉換117
9.3.4 連接和拆分118
[實例9.4] 輸出梁山好漢人物信息119
9.3.5 格式化字符串120
本章知識思維導圖122

第2篇核心技術篇
第10章JavaScript事件處理124 視頻講解：13節，45分鐘
10.1 事件與事件處理概述125
10.1.1 什麼是事件125
10.1.2 JavaScript的常用事件125
10.1.3 事件的調用126
10.1.4 Event對象127
10.2 表單相關事件127
10.2.1 獲得焦點與失去焦點事件128
[實例10.1] 改變文本框的背景顏色128
10.2.2 失去焦點內容改變事件129
[實例10.2] 改變文本框的字體顏色129
10.2.3 表單提交與重置事件129
[實例10.3] 驗證提交表單中是否有空值130
10.3 鼠標鍵盤事件130
10.3.1 鼠標單擊事件131
[實例10.4] 動態改變頁面的背景顏色131
10.3.2 鼠標按下和鬆開事件131
[實例10.5] 用事件模擬超鏈接標記的功能132
10.3.3 鼠標移入移出事件132
[實例10.6] 動態改變圖片的焦點132
10.3.4 鼠標移動事件133
10.3.5 鍵盤事件133
[實例10.7] 實現單擊“A”鍵刷新的功能135
10.4 頁面事件135
10.4.1 頁面加載事件136
[實例10.8] 動態改變圖片大小136
10.4.2 頁面大小事件136
本章知識思維導圖137

第11章文檔對象138 視頻講解：7節，39分鐘
11.1 文檔對象概述139
11.2 文檔對象的應用140
11.2.1 設置文檔前景色和背景色140
[實例11.1] 動態改變文檔的前景色和背景色140
11.2.2 設置動態標題欄141
[實例11.2] 實現動態標題欄141
11.2.3 獲取URL 142
[實例11.3] 顯示當前頁面的URL 142
11.2.4 在文檔中輸出數據142
11.2.5 動態添加一個HTML標記143
[實例11.4] 動態添加文本框143
11.2.6 獲取文本框並修改其內容144
本章知識思維導圖145

第12章表單對象146 視頻講解：7節，46分鐘
12.1 訪問表單與表單元素147
12.1.1 JavaScript訪問表單147
12.1.2 JavaScript訪問表單元素147
12.2 表單對象的屬性、方法與事件148
12.3 表單元素148
12.3.1 文本框149
[實例12.1] 驗證表單內容是否為空149
12.3.2 按鈕150
[實例12.2] 獲取表單元素的值151
12.3.3 單選按鈕和復選框152
[實例12.3] 獲取人物信息153
12.3.4 下拉菜單153
[實例12.4] 製作簡單的選擇職位的程序155
本章知識思維導圖157

第13章圖像對象158 視頻講解：9節，55分鐘
13.1 圖像對象概述159
13.1.1 圖像對象介紹159
13.1.2 圖像對象的屬性159
[實例13.1] 輸出圖片的基本信息160
13.1.3 圖像對象的事件160
[實例13.2] 當鼠標指向圖片時實現圖片置換160
13.2 圖像對象的應用161
13.2.1 圖片的隨機顯示161
[實例13.3] 實現網頁背景的隨機變化161
13.2.2 圖片置頂162
[實例13.4] 實現圖片總置於頂端的功能163
13.2.3 圖片驗證碼163
[實例13.5] 隨機生成圖片驗證碼163
13.2.4 圖像的預裝載164
[實例13.6] 使用預裝載圖像製作幻燈效果165
13.2.5 圖片漸變效果166
[實例13.7] 圖片漸變效果166
13.2.6 進度條的顯示167
[實例13.8] 進度條的顯示167
本章知識思維導圖168

第14章文檔對像模型（DOM） 169 視頻講解：11節，41分鐘
14.1 DOM概述170
14.2 DOM對象節點屬性171
14.3 節點的操作171
14.3.1 創建節點172
[實例14.1] 補全古詩172
14.3.2 插入節點173
[實例14.2] 向頁面中插入文本173
14.3.3 複製節點174
[實例14.3] 複製下拉菜單174
14.3.4 刪除節點175
[實例14.4] 動態刪除選中的文本175
14.3.5 替換節點176
[實例14.5] 替換標記和文本176
14.4 獲取文檔中的指定元素176
14.4.1 通過元素的id屬性獲取元素177
[實例14.6] 在頁面的指定位置顯示當前日期177
14.4.2 通過元素的name屬性獲取元素177
[實例14.7] 實現電影圖片的輪換效果178
14.5 與DHTML相對應的DOM 178
14.5.1 innerHTML和innerText屬性179
[實例14.8] 顯示時間和問候語179
14.5.2 outerHTML和outerText屬性180
本章知識思維導圖181

第15章Window對象182 視頻講解：14節，54分鐘
15.1 Window對象概述183
15.1.1 Window對象的屬性183
15.1.2 Window對象的方法183
15.1.3 Window對象的使用184
15.2 對話框184
15.2.1 警告對話框185
[實例15.1] 彈出警告對話框185
15.2.2 確認對話框185
[實例15.2] 彈出確認對話框186
15.2.3 提示對話框186
15.3 打開與關閉窗口187
15.3.1 打開窗口187
[實例15.3] 彈出指定大小和位置的新窗口188
15.3.2 關閉窗口188
[實例15.4] 關閉子窗口時自動刷新父窗口189
15.4 控制窗口190
15.4.1 移動窗口190
[實例15.5] 控制彈出窗口的居中顯示191
15.4.2 窗口滾動192
15.4.3 改變窗口大小193
[實例15.6] 動態改變窗口的大小193
15.4.4 訪問窗口歷史194
15.4.5 設置超時195
[實例15.7] 動態顯示日期和時間195
15.5 通用窗口事件196
本章知識思維導圖197

第16章Style對象198 視頻講解：2節，29分鐘
16.1 Style對像簡介199
16.2 Style對象的樣式標籤屬性和样式屬性199
16.2.1 樣式標籤屬性和样式屬性199
16.2.2 顏色和背景屬性202
[實例16.1] 選中的行背景變色202
[實例16.2] 背景固定居中204
16.2.3 邊框屬性205
[實例16.3] 單元格邊框變色205
[實例16.4] 立體窗口207
16.2.4 定位屬性207
[實例16.5] 百葉窗208
[實例16.6] 煙花效果209
[實例16.7] 跟隨鼠標指針移動的圖片211
16.2.5 字體屬性212
[實例16.8] 改變超鏈接字體樣式214
16.2.6 表格佈局屬性215
[實例16.9] 限製表格的寬度216
本章知識思維導圖217

第3篇高級應用篇
第17章JavaScript中使用XML 220 視頻講解：8節，40分鐘
17.1 XML簡介221
17.1.1 創建XML 221
[實例17.1] XML文檔的創建221
17.1.2 DOM與XML 222
17.2 解析XML文本223
17.2.1 在IE瀏覽器中解析XML文本223
17.2.2 在非IE瀏覽器中解析XML文本224
[實例17.2] 獲取XML文本中的數據225
17.3 讀取XML數據226
17.3.1 獲取XML元素的屬性值226
[實例17.3] 獲取XML元素的屬性值226
17.3.2 通過DOM元素的方法讀取XML數據227
[實例17.4] 應用名稱訪問XML數據227
17.3.3 在表格中讀取XML數據229
[實例17.5] 在表格中讀取XML數據229
17.3.4 通過JavaScript操作XML實現分頁231
[實例17.6] 對讀取的XML數據進行分頁操作231
本章知識思維導圖233

第18章Ajax技術234 視頻講解：11節，31分鐘
18.1 Ajax概述235
18.1.1 Ajax應用案例235
18.1.2 Ajax的開發模式235
18.1.3 Ajax的優點236
18.2 Ajax的技術組成237
18.2.1 XMLHttpRequest對象237
18.2.2 XML語言237
18.2.3 JavaScript腳本語言239
18.2.4 DOM 239
18.2.5 CSS 239
18.3 XMLHttpRequest對象239
18.3.1 XMLHttpRequest對象的初始化239
18.3.2 XMLHttpRequest對象的常用屬性240
18.3.3 XMLHttpRequest對象的常用方法242
[實例18.1] 讀取HTML文件244
本章知識思維導圖246

第19章jQuery基礎247 視頻講解：8節，61分鐘
19.1 jQuery概述248
19.2 jQuery下載與配置248
19.2.1 下載jQuery 248
19.2.2 配置jQuery 249
19.3 jQuery選擇器249
19.3.1 jQuery的工廠函數250
19.3.2 基本選擇器250
[實例19.1] 獲取文本框中輸入的值250
[實例19.2] 修改div元素的內容252
[實例19.3] 獲取元素並設置CSS樣式253
[實例19.4] 篩選元素並添加新的樣式255
19.3.3 層級選擇器256
[實例19.5] 為版權列表設置樣式257
[實例19.6] 為表單元素換膚258
[實例19.7] 改變匹配元素的背景顏色260
[實例19.8] 篩選div元素的同輩元素261
19.3.4 過濾選擇器262
[實例19.9] 實現一個帶錶頭的雙色表格263