第1章 認(rèn)識JavaScript 1
1.1 JavaScript概述 2
1.1.1 JavaScript的起源 2
1.1.2 JavaScript能做什么 2
1.2 前端開發(fā)利器WebStorm 4
1.3 JavaScript在HTML中的使用 5
1.3.1 嵌入JavaScript代碼 5
1.3.2 調(diào)用外部JavaScript文件 7
1.3.3 作為標(biāo)簽屬性值 8
1.4 JavaScript語法 10
1.4.1 代碼執(zhí)行順序 10
1.4.2 區(qū)分大小寫 10
1.4.3 分號與空格 10
1.4.4 代碼折行標(biāo)準(zhǔn) 11
1.4.5 注釋語句 11
1.5 就業(yè)面試問題解答 11
1.6 上機練練手 12
第2章 JavaScript語言基礎(chǔ) 13
2.1 常量和變量 14
2.2 基本數(shù)據(jù)類型 16
2.3 運算符 18
2.4 條件判斷語句 22
2.4.1 簡單if語句 22
2.4.2 if...else語句 23
2.4.3 if...else if語句 24
2.4.4 switch語句 25
2.5 循環(huán)語句 27
2.5.1 while語句 27
2.5.2 do…while語句 29
2.5.3 for語句 30
2.6 跳轉(zhuǎn)語句 31
2.6.1 break語句 31
2.6.2 continue語句 33
2.7 函數(shù)的應(yīng)用 34
2.7.1 定義函數(shù) 34
2.7.2 函數(shù)的調(diào)用 36
2.7.3 函數(shù)的參數(shù)與返回值 37
2.8 就業(yè)面試問題解答 38
2.9 上機練練手 39
第3章 對象的應(yīng)用 41
3.1 了解對象 42
3.1.1 什么是對象 42
3.1.2 對象的屬性和方法 43
3.1.3 JavaScript對象分類 43
3.2 創(chuàng)建自定義對象 44
3.2.1 直接創(chuàng)建對象 45
3.2.2 使用Object對象創(chuàng)建對象 45
3.2.3 使用構(gòu)造函數(shù)創(chuàng)建對象 47
3.3 對象訪問語句 52
3.3.1 for…in循環(huán)語句 52
3.3.2 with語句 53
3.4 常用內(nèi)置對象 54
3.4.1 Math(算術(shù))對象 54
3.4.2 Date(日期)對象 56
3.5 就業(yè)面試問題解答 59
3.6 上機練練手 59
第4章 數(shù)組對象 61
4.1 數(shù)組介紹 62
4.2 定義數(shù)組 62
4.3 數(shù)組屬性 64
4.3.1 prototype屬性 64
4.3.2 length屬性 65
4.4 數(shù)組元素操作 66
4.4.1 數(shù)組元素的輸入 66
4.4.2 數(shù)組元素的輸出 67
4.4.3 數(shù)組元素的添加 68
4.4.4 數(shù)組元素的刪除 69
4.5 數(shù)組的方法 69
4.5.1 連接兩個或更多的數(shù)組 70
4.5.2 將指定數(shù)值添加到數(shù)組 71
4.5.3 添加數(shù)組首元素 72
4.5.4 移除數(shù)組中的最后一個元素 73
4.5.5 刪除數(shù)組中的第一個元素 74
4.5.6 刪除數(shù)組中的指定元素 74
4.5.7 反序排列數(shù)組元素 75
4.5.8 對數(shù)組元素進(jìn)行排序 76
4.5.9 獲取數(shù)組的部分?jǐn)?shù)據(jù) 77
4.5.10 將數(shù)組元素連接為字符串 78
4.6 就業(yè)面試問題解答 79
4.7 上機練練手 80
第5章 JavaScript表單對象 81
5.1 認(rèn)識表單對象 82
5.1.1 表單對象的屬性 82
5.1.2 訪問表單的方式 83
5.1.3 訪問表單元素 83
5.2 表單元素的應(yīng)用 84
5.2.1 設(shè)置文本框 84
5.2.2 設(shè)置按鈕 86
5.2.3 設(shè)置單選按鈕 88
5.2.4 設(shè)置復(fù)選框 91
5.2.5 設(shè)置下拉菜單 92
5.3 就業(yè)面試問題解答 95
5.4 上機練練手 95
第6章 JavaScript窗口對象 97
6.1 window對象 98
6.1.1 window對象的屬性 98
6.1.2 window對象的方法 99
6.2 打開與關(guān)閉窗口 99
6.3 控制窗口 102
6.3.1 移動窗口和改變窗口大小 102
6.3.2 獲取窗口歷史記錄 103
6.3.3 窗口定時器 104
6.4 對話框 105
6.4.1 警告對話框 105
6.4.2 確認(rèn)對話框 107
6.4.3 提示對話框 108
6.5 就業(yè)面試問題解答 110
6.6 上機練練手 110
第7章 文檔對象模型 113
7.1 認(rèn)識DOM 114
7.1.1 DOM簡介 114
7.1.2 基本的DOM方法 114
7.1.3 網(wǎng)頁的DOM模型框架 117
7.2 DOM模型的節(jié)點 118
7.2.1 元素節(jié)點 118
7.2.2 文本節(jié)點 119
7.2.3 屬性節(jié)點 120
7.3 操作DOM中的節(jié)點 121
7.3.1 訪問節(jié)點 121
7.3.2 創(chuàng)建節(jié)點 122
7.3.3 插入節(jié)點 123
7.3.4 刪除節(jié)點 124
7.3.5 復(fù)制節(jié)點 125
7.3.6 替換節(jié)點 125
7.4 DOM與CSS 126
7.4.1 改變CSS樣式 126
7.4.2 使用className屬性 127
7.5 就業(yè)面試問題解答 128
7.6 上機練練手 129
第8章 JavaScript事件處理 131
8.1 認(rèn)識事件與事件處理 132
8.1.1 什么是事件 132
8.1.2 JavaScript的常用事件 132
8.2 事件的調(diào)用方式 133
8.2.1 在JavaScript中調(diào)用 133
8.2.2 在HTML元素中調(diào)用 134
8.3 鼠標(biāo)相關(guān)事件 135
8.3.1 鼠標(biāo)單擊事件 135
8.3.2 鼠標(biāo)按下與松開事件 136
8.3.3 鼠標(biāo)移入與移出事件 137
8.3.4 鼠標(biāo)移動事件 138
8.4 鍵盤相關(guān)事件 138
8.4.1 onkeydown事件 139
8.4.2 onkeypress事件 139
8.4.3 onkeyup事件 140
8.5 表單相關(guān)事件 141
8.5.1 獲得焦點與失去焦點事件 141
8.5.2 失去焦點修改事件 142
8.5.3 表單提交與重置事件 143
8.6 就業(yè)面試問題解答 146
8.7 上機練練手 146
第9章 jQuery框架快速入門 149
9.1 認(rèn)識jQuery 150
9.1.1　jQuery能做什么 150
9.1.2 jQuery的特點 150
9.2 下載和安裝jQuery 151
9.2.1 下載jQuery 151
9.2.2 安裝jQuery 152
9.3 jQuery選擇器 152
9.3.1 基本選擇器 152
9.3.2 層級選擇器 155
9.3.3 過濾選擇器 157
9.3.4 屬性選擇器 167
9.4 就業(yè)面試問題解答 170
9.5 上機練練手 170
第10章 jQuery頁面控制 173
10.1 頁面內(nèi)容操作 174
10.1.1 文本內(nèi)容操作 174
10.1.2　HTML內(nèi)容操作 175
10.2 標(biāo)記屬性操作 177
10.2.1　獲取屬性的值 177
10.2.2　設(shè)置屬性的值 178
10.2.3　刪除屬性的值 179
10.3　表單元素操作 179
10.3.1 獲取表單元素的值 179
10.3.2　設(shè)置表單元素的值 180
10.4 元素的CSS樣式操作 181
10.4.1 添加CSS類 181
10.4.2 刪除CSS類 182
10.4.3　動態(tài)操控CSS類 183
10.4.4 獲取和設(shè)置CSS樣式 184
10.5 獲取與編輯DOM節(jié)點 186
10.5.1 插入節(jié)點 186
10.5.2 刪除節(jié)點 188
10.5.3 復(fù)制節(jié)點 189
10.5.4 替換節(jié)點 190
10.6 就業(yè)面試問題解答 191
10.7 上機練練手 191
第11章 jQuery事件處理 193
11.1 jQuery事件機制 194
11.1.1 什么是jQuery事件機制 194
11.1.2 切換事件 194
11.1.3　事件冒泡 195
11.2　頁面加載事件 196
11.3　jQuery事件函數(shù) 197
11.3.1 鍵盤操作事件 197
11.3.2　鼠標(biāo)操作事件 198
11.3.3　其他常用事件 200
11.4 事件的基本操作 201
11.4.1 綁定事件 201
11.4.2 觸發(fā)事件 203
11.4.3　移除事件 203
11.5 就業(yè)面試問題解答 205
11.6 上機練練手 205
第12章 設(shè)計網(wǎng)頁動畫特效 207
12.1 jQuery基本動畫效果 208
12.1.1 隱藏元素 208
12.1.2　顯示元素 210
12.1.3　狀態(tài)切換 211
12.2　淡入淡出動畫效果 212
12.2.1 淡入隱藏元素 212
12.2.2　淡出可見元素 214
12.2.3　切換淡入淡出元素 215
12.2.4　淡入淡出元素至指定數(shù)值 216
12.3 滑動動畫效果 217
12.3.1 滑動顯示匹配的元素 217
12.3.2　滑動隱藏匹配的元素 218
12.3.3 動態(tài)切換元素的可見性 220
12.4 自定義動畫效果 221
12.4.1 創(chuàng)建自定義動畫 221
12.4.2　停止動畫 222
12.5 就業(yè)面試問題解答 223
12.6 上機練練手 224
第13章 jQuery功能函數(shù) 225
13.1 功能函數(shù)概述 226
13.2　常用的功能函數(shù) 226
13.2.1　操作數(shù)組和對象 226
13.2.2　操作字符串 230
13.2.3 序列化操作 232
13.3 就業(yè)面試問題解答 233
13.4 上機練練手 233
第14章 jQuery插件應(yīng)用與開發(fā) 235
14.1 理解插件 236
14.1.1 什么是插件 236
14.1.2 從哪里獲取插件 236
14.1.3 如何使用插件 236
14.2 流行的jQuery插件 237
14.2.1 jQueryUI插件 237
14.2.2 Form插件 241
14.2.3 提示信息插件 242
14.2.4　jcarousel插件 243
14.3 自定義插件 243
14.3.1 插件的工作原理 243
14.3.2 自定義一個簡單插件 244
14.4 就業(yè)面試問題解答 247
14.5 上機練練手 247
第15章 開發(fā)購物商城網(wǎng)站 249
15.1 購物商城系統(tǒng)設(shè)計 250
15.1.1 系統(tǒng)目標(biāo) 250
15.1.2 系統(tǒng)功能結(jié)構(gòu) 250
15.1.3 文件夾組織結(jié)構(gòu) 250
15.2 網(wǎng)頁預(yù)覽 251
15.2.1 網(wǎng)站首頁效果 251
15.2.2 關(guān)于我們效果 253
15.2.3 商品展示效果 254
15.2.4 商品詳情效果 255
15.2.5 購物車效果 255
15.2.6 品牌故事效果 256
15.2.7 用戶登錄效果 256
15.2.8 用戶注冊效果 257
15.3 項目實現(xiàn) 257
15.3.1 首頁頁面 257
15.3.2 動態(tài)效果 271
15.3.3 購物車 272
15.3.4 登錄頁面 274
15.3.5 商品展示頁面 274
15.3.6 聯(lián)系我們頁面 280
15.4 項目總結(jié) 282