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 什麼是Ajax     247
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 認識jQuery     265
15.1.1 jQuery 能做什麼       265
15.1.2 jQuery 的特點         265
15.2 下載並安裝jQuery     266
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