第1章 認(rèn)識(shí)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 分號(hào)與空格 10
1.4.4 代碼折行標(biāo)準(zhǔn) 11
1.4.5 注釋語句 11
1.5 就業(yè)面試問題解答 11
1.6 上機(jī)練練手 12
第2章 JavaScript語言基礎(chǔ) 13
2.1 常量和變量 14
2.2 基本數(shù)據(jù)類型 16
2.3 運(yùn)算符 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 上機(jī)練練手 39
第3章 對(duì)象的應(yīng)用 41
3.1 了解對(duì)象 42
3.1.1 什么是對(duì)象 42
3.1.2 對(duì)象的屬性和方法 43
3.1.3 JavaScript對(duì)象分類 43
3.2 創(chuàng)建自定義對(duì)象 44
3.2.1 直接創(chuàng)建對(duì)象 45
3.2.2 使用Object對(duì)象創(chuàng)建對(duì)象 45
3.2.3 使用構(gòu)造函數(shù)創(chuàng)建對(duì)象 47
3.3 對(duì)象訪問語句 52
3.3.1 for…in循環(huán)語句 52
3.3.2 with語句 53
3.4 常用內(nèi)置對(duì)象 54
3.4.1 Math(算術(shù))對(duì)象 54
3.4.2 Date(日期)對(duì)象 56
3.5 就業(yè)面試問題解答 59
3.6 上機(jī)練練手 59
第4章 數(shù)組對(duì)象 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 連接兩個(gè)或更多的數(shù)組 70
4.5.2 將指定數(shù)值添加到數(shù)組 71
4.5.3 添加數(shù)組首元素 72
4.5.4 移除數(shù)組中的最后一個(gè)元素 73
4.5.5 刪除數(shù)組中的第一個(gè)元素 74
4.5.6 刪除數(shù)組中的指定元素 74
4.5.7 反序排列數(shù)組元素 75
4.5.8 對(duì)數(shù)組元素進(jìn)行排序 76
4.5.9 獲取數(shù)組的部分?jǐn)?shù)據(jù) 77
4.5.10 將數(shù)組元素連接為字符串 78
4.6 就業(yè)面試問題解答 79
4.7 上機(jī)練練手 80
第5章 JavaScript表單對(duì)象 81
5.1 認(rèn)識(shí)表單對(duì)象 82
5.1.1 表單對(duì)象的屬性 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 上機(jī)練練手 95
第6章 JavaScript窗口對(duì)象 97
6.1 window對(duì)象 98
6.1.1 window對(duì)象的屬性 98
6.1.2 window對(duì)象的方法 99
6.2 打開與關(guān)閉窗口 99
6.3 控制窗口 102
6.3.1 移動(dòng)窗口和改變窗口大小 102
6.3.2 獲取窗口歷史記錄 103
6.3.3 窗口定時(shí)器 104
6.4 對(duì)話框 105
6.4.1 警告對(duì)話框 105
6.4.2 確認(rèn)對(duì)話框 107
6.4.3 提示對(duì)話框 108
6.5 就業(yè)面試問題解答 110
6.6 上機(jī)練練手 110
第7章 文檔對(duì)象模型 113
7.1 認(rèn)識(shí)DOM 114
7.1.1 DOM簡介 114
7.1.2 基本的DOM方法 114
7.1.3 網(wǎng)頁的DOM模型框架 117
7.2 DOM模型的節(jié)點(diǎn) 118
7.2.1 元素節(jié)點(diǎn) 118
7.2.2 文本節(jié)點(diǎn) 119
7.2.3 屬性節(jié)點(diǎn) 120
7.3 操作DOM中的節(jié)點(diǎn) 121
7.3.1 訪問節(jié)點(diǎn) 121
7.3.2 創(chuàng)建節(jié)點(diǎn) 122
7.3.3 插入節(jié)點(diǎn) 123
7.3.4 刪除節(jié)點(diǎn) 124
7.3.5 復(fù)制節(jié)點(diǎn) 125
7.3.6 替換節(jié)點(diǎn) 125
7.4 DOM與CSS 126
7.4.1 改變CSS樣式 126
7.4.2 使用className屬性 127
7.5 就業(yè)面試問題解答 128
7.6 上機(jī)練練手 129
第8章 JavaScript事件處理 131
8.1 認(rèn)識(shí)事件與事件處理 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)移動(dòng)事件 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 獲得焦點(diǎn)與失去焦點(diǎn)事件 141
8.5.2 失去焦點(diǎn)修改事件 142
8.5.3 表單提交與重置事件 143
8.6 就業(yè)面試問題解答 146
8.7 上機(jī)練練手 146
第9章 jQuery框架快速入門 149
9.1 認(rèn)識(shí)jQuery 150
9.1.1　jQuery能做什么 150
9.1.2 jQuery的特點(diǎn) 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 層級(jí)選擇器 155
9.3.3 過濾選擇器 157
9.3.4 屬性選擇器 167
9.4 就業(yè)面試問題解答 170
9.5 上機(jī)練練手 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　動(dòng)態(tài)操控CSS類 183
10.4.4 獲取和設(shè)置CSS樣式 184
10.5 獲取與編輯DOM節(jié)點(diǎn) 186
10.5.1 插入節(jié)點(diǎn) 186
10.5.2 刪除節(jié)點(diǎn) 188
10.5.3 復(fù)制節(jié)點(diǎn) 189
10.5.4 替換節(jié)點(diǎn) 190
10.6 就業(yè)面試問題解答 191
10.7 上機(jī)練練手 191
第11章 jQuery事件處理 193
11.1 jQuery事件機(jī)制 194
11.1.1 什么是jQuery事件機(jī)制 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 上機(jī)練練手 205
第12章 設(shè)計(jì)網(wǎng)頁動(dòng)畫特效 207
12.1 jQuery基本動(dòng)畫效果 208
12.1.1 隱藏元素 208
12.1.2　顯示元素 210
12.1.3　狀態(tài)切換 211
12.2　淡入淡出動(dòng)畫效果 212
12.2.1 淡入隱藏元素 212
12.2.2　淡出可見元素 214
12.2.3　切換淡入淡出元素 215
12.2.4　淡入淡出元素至指定數(shù)值 216
12.3 滑動(dòng)動(dòng)畫效果 217
12.3.1 滑動(dòng)顯示匹配的元素 217
12.3.2　滑動(dòng)隱藏匹配的元素 218
12.3.3 動(dòng)態(tài)切換元素的可見性 220
12.4 自定義動(dòng)畫效果 221
12.4.1 創(chuàng)建自定義動(dòng)畫 221
12.4.2　停止動(dòng)畫 222
12.5 就業(yè)面試問題解答 223
12.6 上機(jī)練練手 224
第13章 jQuery功能函數(shù) 225
13.1 功能函數(shù)概述 226
13.2　常用的功能函數(shù) 226
13.2.1　操作數(shù)組和對(duì)象 226
13.2.2　操作字符串 230
13.2.3 序列化操作 232
13.3 就業(yè)面試問題解答 233
13.4 上機(jī)練練手 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 自定義一個(gè)簡單插件 244
14.4 就業(yè)面試問題解答 247
14.5 上機(jī)練練手 247
第15章 開發(fā)購物商城網(wǎng)站 249
15.1 購物商城系統(tǒng)設(shè)計(jì) 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 用戶注冊(cè)效果 257
15.3 項(xiàng)目實(shí)現(xiàn) 257
15.3.1 首頁頁面 257
15.3.2 動(dòng)態(tài)效果 271
15.3.3 購物車 272
15.3.4 登錄頁面 274
15.3.5 商品展示頁面 274
15.3.6 聯(lián)系我們頁面 280
15.4 項(xiàng)目總結(jié) 282