《JavaScript 動態網站開發（全案例微課版）》是2021年清華大學出版社出版的圖書，作者是裴雨龍。
基本介紹
- 中文名： JavaScript 動態網站開發（全案例微課版）
- 作者：裴雨龍
- 出版時間：2021年
- 出版社： 清華大學出版社
- ISBN： 9787302579069
- 定價：78 元
內容簡介,圖書目錄,
內容簡介
《JavaScript 動態網站開發（全案例微課版）》是針對零基礎讀者編寫的動態網站開發入門教材，內容側重案例實訓，並提供掃碼微課來講解當前熱點案例。
《JavaScript 動態網站開發（全案例微課版）》分為19章，包括初識JavaScript、JavaScript語言基礎、運算符與表達式、程式控制語句、函式的套用、對象的套用、數組對象的套用、String對象的套用、JavaScript的事件處理、JavaScript的表單對象、JavaScript的視窗對象、JavaScript中的文檔對象、文檔對象模型（DOM）、Ajax技術的套用、jQuery框架快速入門、jQuery控制頁面和事件處理、jQuery動畫特效。本書最後通過兩個熱點綜合項目，進一步鞏固讀者的項目開發經驗。
《JavaScript 動態網站開發（全案例微課版）》通過精選熱點案例，讓初學者快速掌握動態網站開發技術。讀者通過微信掃碼看視頻，可以隨時在移動端學習技能對應的操作。通過實戰技能訓練營，可以檢驗讀者的學習情況，並提供了掃碼看答案。
圖書目錄
第1章 初識JavaScript 001
1.1 JavaScript概述 002
1.1.1 JavaScript的起源 002
1.1.2 JavaScript能做什麼 002
1.1.3 JavaScript的基本特點 004
1.2 網頁開發利器——WebStorm 的下載與安裝 005
1.2.1 下載WebStorm 2019 005
1.2.2 安裝WebStorm 2019 005
1.3 JavaScript在HTML中的使用007
1.3.1 嵌入JavaScript代碼 007
1.3.2 調用外部JavaScript檔案 011
1.3.3 作為標籤的屬性值 013
1.4 JavaScript的語法 015
1.4.1 代碼執行順序 015
1.4.2 區分大小寫015
1.4.3 分號與空格015
1.4.4 代碼折行標準 015
1.4.5 注釋語句 016
1.5 新手常見疑難問題 016
1.6 實戰技能訓練營 016
第2章 JavaScript語言基礎018
2.1 數據類型 019
2.1.1 數值型019
2.1.2 字元串型 022
2.1.3 布爾型024
2.1.4 未定義類型025
2.1.5 空類型025
2.2 JavaScript的常量 026
2.3 JavaScript的變數 026
2.3.1 變數的命名026
2.3.2 變數的聲明027
2.3.3 變數的賦值027
2.3.4 變數的類型028
2.3.5 變數的作用域 029
2.4 新手常見疑難問題 029
2.5 實戰技能訓練營 030
第3章 運算符與表達式 031
3.1 運算符 032
3.1.1 算術運算符032
3.1.2 賦值運算符033
3.1.3 字元串運算符 034
3.1.4 比較運算符035
3.1.5 邏輯運算符036
3.1.6 條件運算符037
3.1.7 位運算符 037
3.1.8 移位運算符038
3.1.9 其他運算符039
3.2 運算符優先權041
3.3 表達式 042
3.3.1 賦值表達式042
3.3.2 算術表達式042
3.3.3 字元串表達式 043
3.3.4 邏輯表達式044
3.4 數據類型的轉換規則 045
3.5 新手常見疑難問題 046
3.6 實戰技能訓練營 046
第4 章 程式控制語句 047
4.1 條件判斷語句048
4.1.1 簡單if 語句 048
4.1.2 if…else 語句 050
4.1.3 if…else if 語句 051
4.1.4 if 語句的嵌套053
4.1.5 switch 語句 054
4.2 循環語句 056
4.2.1 while 語句 056
4.2.2 do…while 語句 059
4.2.3 for 語句060
4.2.4 循環語句的嵌套 061
4.3 跳轉語句 064
4.3.1 break 語句 064
4.3.2 continue 語句065
4.4 新手常見疑難問題 067
4.5 實戰技能訓練營 067
第5 章 函式的套用 069
5.1 函式的定義 070
5.1.1 聲明式函式定義 070
5.1.2 函式表達式定義 071
5.1.3 函式構造器定義 071
5.2 函式的調用 072
5.2.1 函式的簡單調用 072
5.2.2 通過連結調用函式073
5.2.3 在事件回響中調用函式 074
5.3 函式的參數與返回值 074
5.3.1 函式的參數 074
5.3.2 函式的返回值 075
5.4 內置常規函式076
5.4.1 eval 函式 076
5.4.2 isFinite 函式077
5.4.3 isNaN函式 078
5.4.4 parseInt函式 078
5.4.5 parseFloat函式 079
5.4.6 escape函式 080
5.4.7 unescape函式 080
5.5 JavaScript 特殊函式081
5.5.1 嵌套函式 081
5.5.2 遞歸函式 082
5.5.3 內嵌函式 083
5.6 新手常見疑難問題 084
5.7 實戰技能訓練營 084
第6 章 對象的套用 085
6.1 了解對象 086
6.1.1 什麼是對象 086
6.1.2 對象的屬性和方法086
6.1.3 JavaScript 對象的分類 087
6.2 創建自定義對象的方法 088
6.2.1 直接定義並創建自定義對象 088
6.2.2 使用Object 對象創建自定義對象 089
6.2.3 使用自定義構造函式創建對象091
6.3 對象訪問語句096
6.3.1 for…in 循環語句 096
6.3.2 with 語句 097
6.4 常用內置對象098
6.4.1 Math（算術）對象 098
6.4.2 Date（日期）對象 101
6.4.3 Boolean（邏輯）對象 106
6.4.4 Number（數值）對象 107
6.5 新手常見疑難問題 109
6.6 實戰技能訓練營 109
第7 章 數組對象的套用111
7.1 數組介紹112
7.2 定義數組112
7.2.1 定義空數組 112
7.2.2 指定數組元素的個數 113
7.2.3 指定數組元素值 114
7.2.4 直接定義數組 115
7.3 數組屬性115
7.3.1 prototype 屬性 116
7.3.2 length 屬性 116
7.4 數組元素的操作 117
7.4.1 數組元素的輸入 117
7.4.2 數組元素的輸出 118
7.4.3 數組元素的添加 120
7.4.4 數組元素的刪除 120
7.5 數組方法 120
7.5.1 連線兩個或更多的數組 121
7.5.2 將指定的數值添加到數組中 122
7.5.3 在數組開頭添加數組元素 123
7.5.4 移除數組中的最後一個元素 124
7.5.5 刪除數組中的第一個元素 125
7.5.6 刪除數組中的指定元素 125
7.5.7 反序排列數組中的元素 126
7.5.8 對數組中的元素進行排序 127
7.5.9 獲取數組中的部分數據 128
7.5.10 將數組元素連線為字元串 128
7.5.11 將數組轉換成字元串 129
7.6 新手常見疑難問題 130
7.7 實戰技能訓練營 130
第8 章 String 對象的套用 131
8.1 創建String 對象 132
8.2 String 對象的屬性 133
8.2.1 length 屬性 133
8.2.2 constructor 屬性 134
8.2.3 prototype 屬性 135
8.3 String 對象的方法 135
8.3.1 連線與拆分字元串136
8.3.2 轉換字元串的大小寫 138
8.3.3 從字元串中截取字元串 138
8.3.4 從字元串中查找字元串 140
8.3.5 設定字元串字型屬性 143
8.4 新手常見疑難問題 144
8.5 實戰技能訓練營 144
第9 章 JavaScript 的事件處理146
9.1 認識事件與事件處理 147
9.1.1 什麼是事件 147
9.1.2 JavaScript 的常用事件 147
9.2 事件的調用方式 149
9.2.1 在JavaScript 中調用 149
9.2.2 在HTML 元素中調用 149
9.3 滑鼠相關事件150
9.3.1 滑鼠單擊事件 150
9.3.2 滑鼠按下與鬆開事件 151
9.3.3 滑鼠移入與移出事件 152
9.3.4 滑鼠移動事件 153
9.4 鍵盤相關事件154
9.4.1 onkeydown 事件 154
9.4.2 onkeypress 事件 154
9.4.3 onkeyup 事件155
9.5 表單相關事件156
9.5.1 獲得焦點與失去焦點事件 156
9.5.2 失去焦點修改事件157
9.5.3 表單提交與重置事件 158
9.6 文本編輯事件159
9.6.1 複製事件 159
9.6.2 剪下事件 160
9.6.3 貼上事件 160
9.6.4 選擇事件 161
9.7 頁面相關事件162
9.7.1 頁面載入事件 162
9.7.2 頁面大小事件 162
9.7.3 頁面關閉事件 163
9.8 拖動相關事件164
9.8.1 拖放對象事件 164
9.8.2 放置目標事件 164
9.9 新手常見疑難問題 165
9.10 實戰技能訓練營 166
第10 章 JavaScript 的表單對象 167
10.1 表單標籤與表單元素 168
10.2 認識表單對象 169
10.2.1 表單對象的屬性 169
10.2.2 表單對象的方法 170
10.2.3 表單對象的事件 170
10.2.4 訪問表單的方式 170
10.2.5 訪問表單元素 171
10.3 表單元素的套用 171
10.3.1 設定文本框 171
10.3.2 設定按鈕 175
10.3.3 設定單選按鈕 177
10.3.4 設定複選框 179
10.3.5 設定下拉選單 181
10.4 新手常見疑難問題187
10.5 實戰技能訓練營 187
第11 章 JavaScript 的視窗對象 189
11.1 Window 對象 190
11.1.1 Window 對象的屬性 190
11.1.2 Window 對象的方法 194
11.2 打開與關閉視窗 194
11.2.1 打開視窗 195
11.2.2 關閉視窗 197
11.3 控制視窗 198
11.3.1 移動視窗 198
11.3.2 改變視窗大小 198
11.3.3 獲取視窗歷史記錄199
11.3.4 視窗定時器 200
11.4 對話框 202
11.4.1 警告對話框 202
11.4.2 確認對話框 203
11.4.3 提示對話框 204
11.5 認識其他對象 206
11.5.1 Location 對象 206
11.5.2 Navigator 對象 207
11.5.3 Screen 對象 208
11.5.4 Cookie 對象 209
11.6 新手常見疑難問題212
11.7 實戰技能訓練營 212
第12 章 JavaScript 中的文檔對象 214
12.1 熟悉文檔對象 215
12.1.1 文檔對象的屬性 215
12.1.2 文檔對象的方法 216
12.2 文檔對象屬性的套用 217
12.2.1 獲取網頁超級連結數 217
12.2.2 文檔最後修改的日期和時間 218
12.2.3 獲取文檔所有表單的數量 218
12.2.4 設定文檔標題內容219
12.2.5 獲取並設定文檔URL 地址 220
12.2.6 連結文字顏色設定220
12.2.7 文檔背景色與前景色設定 222
12.3 文檔對象方法的套用 224
12.3.1 動態添加HTML 標籤 224
12.3.2 獲取文本框並修改其內容 225
12.3.3 向文檔添加事件句柄 226
12.3.4 在文檔中輸出數據226
12.4 新手常見疑難問題228
12.5 實戰技能訓練營 229
第13 章 文檔對象模型（DOM） 230
13.1 DOM 及DOM 技術簡介231
13.1.1 DOM 簡介 231
13.1.2 基本的DOM 方法231
13.1.3 網頁中的DOM 模型框架 233
13.2 DOM 模型中的節點 234
13.2.1 元素節點 235
13.2.2 文本節點 235
13.2.3 屬性節點 236
13.3 操作DOM 中的節點 237
13.3.1 訪問節點 237
13.3.2 創建節點 238
13.3.3 插入節點 239
13.3.4 刪除節點 240
13.3.5 複製節點 240
13.3.6 替換節點 241
13.4 innerHTML 屬性 242
13.5 DOM 與CSS 243
13.5.1 改變CSS 樣式 243
13.5.2 使用className 屬性 243
13.6 新手常見疑難問題244
13.7 實戰技能訓練營 245
第14 章 Ajax 技術的套用 246
14.1 Ajax 概述 247
14.1.1 什麼是Ajax247
14.1.2 Ajax 的工作原理 248
14.1.3 Ajax 的優缺點 248
14.2 Ajax 技術的組成 249
14.2.1 XMLHttpRequest 對象 249
14.2.2 XML 語言 249
14.2.3 JavaScript 語言 250
14.2.4 CSS 技術 250
14.2.5 DOM 技術 250
14.3 XMLHttpRequest 對象的使用251
14.3.1 初始化XMLHttpRequest 對象251
14.3.2 XMLHttpRequest 對象的屬性 251
14.3.3 XMLHttpRequest 對象的方法 253
14.4 Ajax 異步互動的套用 255
14.4.1 什麼是異步互動 255
14.4.2 異步對象連線伺服器 255
14.4.3 GET 和POST 模式257
14.4.4 伺服器返回XML 258
14.4.5 處理多個異步請求260
14.5 新手常見疑難問題261
14.6 實戰技能訓練營 262
第15 章 jQuery 框架快速入門 264
15.1 認識jQuery265
15.1.1 jQuery 能做什麼 265
15.1.2 jQuery 的特點 265
15.2 下載並安裝jQuery266
15.2.1 下載jQuery 266
15.2.2 安裝jQuery 267
15.3 jQuery 選擇器 267
15.3.1 jQuery 的工廠函式267
15.3.2 常見選擇器 268
15.4 新手常見疑難問題269
15.5 實戰技能訓練營 270
第16 章 jQuery 控制頁面和事件處理 271
16.1 對頁面的內容進行操作 272
16.1.1 對文本內容進行操作 272
16.1.2 對HTML 內容進行操作273
16.2 對標籤的屬性進行操作 274
16.2.1 獲取屬性的值 274
16.2.2 設定屬性的值 275
16.2.3 刪除屬性的值 276
16.3 對表單元素進行操作 276
16.3.1 獲取表單元素的值276
16.3.2 設定表單元素的值277
16.4 jQuery 的事件機制277
16.4.1 什麼是jQuery 的事件機制 278
16.4.2 切換事件 278
16.4.3 事件冒泡 279
16.5 頁面載入回響事件279
16.6 新手常見疑難問題280
16.7 實戰技能訓練營 281
第17 章 jQuery 動畫特效 283
17.1 jQuery 的基本動畫效果284
17.1.1 隱藏元素 284
17.1.2 顯示元素 285
17.1.3 狀態切換 286
17.2 淡入淡出的動畫效果 287
17.2.1 淡入隱藏元素 287
17.2.2 淡出可見元素 288
17.2.3 切換淡入淡出元素289
17.2.4 淡入淡出元素至指定數值 290
17.3 滑動效果 291
17.3.1 滑動顯示匹配的元素 291
17.3.2 滑動隱藏匹配的元素 292
17.3.3 通過高度的變化動態切換元素的可見性293
17.4 自定義的動畫效果294
17.4.1 創建自定義動畫 294
17.4.2 停止動畫 295
17.5 新手常見疑難問題296
17.6 實戰技能訓練營 296
第18 章 項目實訓1—開發企業入口網站 298
18.1 系統分析 299
18.2 系統設計 299
18.2.1 系統目標 299
18.2.2 系統功能結構 299
18.2.3 開發環境介紹 299
18.2.4 資料夾組織結構 300
18.3 網頁預覽 300
18.3.1 網站首頁效果 300
18.3.2 產品分類效果 300
18.3.3 產品介紹效果 302
18.3.4 新聞中心效果 302
18.3.5 詳細新聞頁面 303
18.4 項目代碼實現 303
18.4.1 網站首頁頁面代碼303
18.4.2 圖片動態效果代碼308
18.4.3 公司簡介頁面代碼310
18.4.4 產品介紹頁面代碼311
18.4.5 新聞中心頁面代碼315
18.4.6 聯繫我們頁面代碼317
18.5 項目總結 318
第19 章 項目實訓2—開發房地產宣傳網站319
19.1 系統分析 320
19.2 系統設計 320
19.2.1 系統目標 320
19.2.2 系統功能結構 320
19.2.3 開發環境介紹 320
19.2.4 資料夾組織結構 321
19.3 網頁預覽 321
19.3.1 網站首頁效果 321
19.3.2 樓盤解說效果 322
19.3.3 樓盤戶型效果 322
19.3.4 樓盤相冊效果 323
19.3.5 樓盤動態頁面 323
19.4 項目代碼實現 324
19.4.1 網站首頁頁面代碼324
19.4.2 圖片動態效果代碼330
19.4.3 樓盤解說頁面代碼330
19.4.4 樓盤戶型頁面代碼332
19.4.5 樓盤相冊頁面代碼332
19.4.6 聯繫我們頁面代碼335
19.5 項目總結 336
