JavaScript動(dòng)態(tài)網(wǎng)站開(kāi)發(fā)案例課堂（微課版 網(wǎng)站開(kāi)發(fā)案例課堂）

目    錄
第1篇  基礎(chǔ)知識(shí)
第1章  零基礎(chǔ)入門——熟悉JavaScript 3
1.1  認(rèn)識(shí)JavaScript 4
1.1.1  什么是JavaScript 4
1.1.2  JavaScript的特點(diǎn) 4
1.1.3  JavaScript與Java的區(qū)別 5
1.1.4  JavaScript版本 6
1.2  JavaScript的編寫工具 7
1.2.1  記事本 7
1.2.2  Dreamweaver CC 8
1.3  JavaScript在HTML 5中的使用 9
1.3.1  在HTML 5網(wǎng)頁(yè)頭中嵌入JavaScript代碼 9
1.3.2  在HTML 5網(wǎng)頁(yè)中嵌入JavaScript代碼 10
1.3.3  在HTML 5網(wǎng)頁(yè)的元素事件中嵌入JavaScript代碼 11
1.3.4  在HTML 5中調(diào)用已經(jīng)存在的JavaScript文件 12
1.3.5  通過(guò)JavaScript偽URL引入JavaScript腳本代碼 13
1.4  JavaScript和瀏覽器 14
1.4.1  在Internet Explorer中調(diào)用JavaScript代碼 14
1.4.2  在Firefox中調(diào)用JavaScript代碼 14
1.4.3  在Opera中調(diào)用JavaScript代碼 15
1.4.4  瀏覽器中的文檔對(duì)象類型(DOM) 15
1.5  實(shí)戰(zhàn)演練——一個(gè)簡(jiǎn)單的JavaScript示例 15
1.6  疑難解惑 16
第2章  讀懂代碼的前提——JavaScript 編程基礎(chǔ) 19
2.1  JavaScript的基本語(yǔ)法 20
2.1.1  執(zhí)行順序 20
2.1.2  區(qū)分大小寫 20
2.1.3  分號(hào)與空格 20
2.1.4  對(duì)代碼行進(jìn)行折行 21
2.1.5  注釋 21
2.1.6  語(yǔ)句 22
2.1.7  語(yǔ)句塊 23
2.2  JavaScript的數(shù)據(jù)結(jié)構(gòu) 24
2.2.1  標(biāo)識(shí)符 24
2.2.2  關(guān)鍵字 25
2.2.3  保留字 25
2.2.4  常量 26
2.2.5  變量 26
2.3  看透代碼中的數(shù)據(jù)類型 28
2.3.1  typeof運(yùn)算符 28
2.3.2  未定義類型 29
2.3.3  空值類型 30
2.3.4  布爾類型 30
2.3.5  數(shù)值類型 31
2.3.6  字符串類型 31
2.3.7  對(duì)象類型 32
2.4  數(shù)據(jù)間的計(jì)算法則——運(yùn)算符 32
2.4.1  算術(shù)運(yùn)算符 33
2.4.2  比較運(yùn)算符 34
2.4.3  位運(yùn)算符 35
2.4.4  邏輯運(yùn)算符 36
2.4.5  條件運(yùn)算符 37
2.4.6  賦值運(yùn)算符 38
2.4.7  運(yùn)算符的優(yōu)先級(jí) 39
2.5  JavaScript的表達(dá)式 40
2.5.1  賦值表達(dá)式 40
2.5.2  算術(shù)表達(dá)式 41
2.5.3  布爾表達(dá)式 42
2.5.4  字符串表達(dá)式 43
2.5.5  類型轉(zhuǎn)換 43
2.6  實(shí)戰(zhàn)演練——局部變量和全局變量的優(yōu)先級(jí) 44
2.7  疑難解惑 46
第3章  改變程序執(zhí)行方向——控制結(jié)構(gòu)與語(yǔ)句 47
3.1  基本處理流程 48
3.2  賦值語(yǔ)句 49
3.3  條件判斷語(yǔ)句 49
3.3.1  if語(yǔ)句 49
3.3.2  if…else語(yǔ)句 50
3.3.3  if…else if語(yǔ)句 51
3.3.4  if語(yǔ)句的嵌套 52
3.3.5  switch語(yǔ)句 53
3.4  循環(huán)控制語(yǔ)句 54
3.4.1  while語(yǔ)句 55
3.4.2  do…while語(yǔ)句 55
3.4.3  for循環(huán) 56
3.5  跳轉(zhuǎn)語(yǔ)句 57
3.5.1  break語(yǔ)句 57
3.5.2  continue語(yǔ)句 58
3.6  使用對(duì)話框 59
3.7  實(shí)戰(zhàn)演練——簡(jiǎn)單易用的倒計(jì)時(shí) 61
3.8  疑難解惑 62
第4章  邏輯功能的代碼組合——函數(shù) 63
4.1  函數(shù)簡(jiǎn)介 64
4.2  調(diào)用函數(shù) 64
4.2.1  函數(shù)的簡(jiǎn)單調(diào)用 64
4.2.2  在表達(dá)式中調(diào)用函數(shù) 65
4.2.3  在事件響應(yīng)中調(diào)用函數(shù) 66
4.2.4  通過(guò)鏈接調(diào)用函數(shù) 66
4.3  JavaScript中常用的函數(shù) 67
4.3.1  嵌套函數(shù) 67
4.3.2  遞歸函數(shù) 68
4.3.3  內(nèi)置函數(shù) 69
4.4  實(shí)戰(zhàn)演練——購(gòu)物簡(jiǎn)易計(jì)算器 76
4.5  疑難解惑 78
第5章  對(duì)象與數(shù)組 79
5.1  了解對(duì)象 80
5.1.1  什么是對(duì)象 80
5.1.2  面向?qū)ο缶幊?81
5.1.3  JavaScript的內(nèi)部對(duì)象 82
5.2  對(duì)象訪問(wèn)語(yǔ)句 83
5.2.1  for…in循環(huán)語(yǔ)句 83
5.2.2  with語(yǔ)句 84
5.3  JavaScript中的數(shù)組 85
5.3.1  結(jié)構(gòu)化數(shù)據(jù) 85
5.3.2  創(chuàng)建和訪問(wèn)數(shù)組對(duì)象 85
5.3.3  使用for…in語(yǔ)句 88
5.3.4  Array對(duì)象的常用屬性和方法 88
5.4  詳解常用的數(shù)組對(duì)象方法 96
5.4.1  連接其他數(shù)組到當(dāng)前數(shù)組 96
5.4.2  將數(shù)組元素連接為字符串 97
5.4.3  移除數(shù)組中后一個(gè)元素 97
5.4.4  將指定的數(shù)值添加到數(shù)組中 98
5.4.5  反序排列數(shù)組中的元素 99
5.4.6  刪除數(shù)組中的個(gè)元素 99
5.4.7  獲取數(shù)組中的一部分?jǐn)?shù)據(jù) 100
5.4.8  對(duì)數(shù)組中的元素進(jìn)行排序 101
5.4.9  將數(shù)組轉(zhuǎn)換成字符串 102
5.4.10  將數(shù)組轉(zhuǎn)換成本地字符串 103
5.4.11  在數(shù)組開(kāi)頭插入數(shù)據(jù) 103
5.5  創(chuàng)建和使用自定義對(duì)象 104
5.5.1  通過(guò)構(gòu)造函數(shù)定義對(duì)象 104
5.5.2  通過(guò)對(duì)象直接初始化定義對(duì)象 106
5.5.3  修改和刪除對(duì)象實(shí)例的屬性 107
5.5.4  通過(guò)原型為對(duì)象添加新屬性和新方法 108
5.5.5  自定義對(duì)象的嵌套 109
5.5.6  內(nèi)存的分配和釋放 111
5.6  實(shí)戰(zhàn)演練——利用二維數(shù)組創(chuàng)建動(dòng)態(tài)下拉菜單 112
5.7  疑難解惑 113
第6章  日期與字符串對(duì)象 115
6.1  日期對(duì)象 116
6.1.1  創(chuàng)建日期對(duì)象 116
6.1.2  Date對(duì)象屬性 117
6.1.3  日期對(duì)象的常用方法 117
6.2  詳解日期對(duì)象的常用方法 120
6.2.1  返回當(dāng)前日期和時(shí)間 120
6.2.2  以不同的格式顯示當(dāng)前日期 121
6.2.3  返回日期所對(duì)應(yīng)的是星期幾 122
6.2.4  顯示當(dāng)前時(shí)間 122
6.2.5  返回距1970年1月1日午夜的時(shí)間差 123
6.2.6  以不同的格式來(lái)顯示UTC日期 124
6.2.7  根據(jù)世界時(shí)返回日期對(duì)應(yīng)的是星期幾 125
6.2.8  以不同的格式來(lái)顯示UTC時(shí)間 125
6.2.9  設(shè)置日期對(duì)象中的年份、月份與日期值 126
6.2.10  設(shè)置日期對(duì)象中的小時(shí)、分鐘與秒鐘值 127
6.2.11  以UTC日期對(duì)Date對(duì)象進(jìn)行設(shè)置 128
6.2.12  返回當(dāng)?shù)貢r(shí)間與UTC時(shí)間的差值 129
6.2.13  將Date對(duì)象中的日期轉(zhuǎn)化為字符串格式 130
6.2.14  返回一個(gè)以UTC時(shí)間表示的日期字符串 130
6.2.15  將日期對(duì)象轉(zhuǎn)化為本地日期 131
6.2.16  日期間的運(yùn)算 131
6.3  字符串對(duì)象 132
6.3.1  創(chuàng)建字符串對(duì)象 132
6.3.2  字符串對(duì)象的常用屬性 133
6.3.3  字符串對(duì)象的常用方法 134
6.4  詳解字符串對(duì)象的常用方法 135
6.4.1  設(shè)置字符串字體屬性 135
6.4.2  以閃爍方式顯示字符串 136
6.4.3  轉(zhuǎn)換字符串的大小寫 136
6.4.4  連接字符串 137
6.4.5  比較兩個(gè)字符串的大小 138
6.4.6  分割字符串 139
6.4.7  從字符串中提取字符串 139
6.5  實(shí)戰(zhàn)演練1——制作網(wǎng)頁(yè)隨機(jī)驗(yàn)證碼 140
6.6  實(shí)戰(zhàn)演練2——制作動(dòng)態(tài)時(shí)鐘 142
6.7  疑難解惑 143
第2篇  核心技術(shù)
第7章  數(shù)值與數(shù)學(xué)對(duì)象 147
7.1  Number對(duì)象 148
7.1.1  創(chuàng)建Number對(duì)象 148
7.1.2  Number對(duì)象的屬性 148
7.1.3  Number對(duì)象的方法 151
7.2  詳解Number對(duì)象常用的方法 152
7.2.1  把Number對(duì)象轉(zhuǎn)換為字符串 152
7.2.2  把Number對(duì)象轉(zhuǎn)換為本地格式字符串 153
7.2.3  四舍五入時(shí)指定小數(shù)位數(shù) 153
7.2.4  返回以指數(shù)記數(shù)法表示的數(shù)值 154
7.2.5  以指數(shù)記數(shù)法指定小數(shù)位 154
7.3  Math對(duì)象 155
7.3.1  創(chuàng)建Math對(duì)象 155
7.3.2  Math對(duì)象的屬性 155
7.3.3  Math對(duì)象的方法 157
7.4  詳解Math對(duì)象常用的方法 158
7.4.1  返回?cái)?shù)的值 158
7.4.2  返回?cái)?shù)的正弦值、正切值和余弦值 158
7.4.3  返回?cái)?shù)的反正弦值、反正切值和反余弦值 160
7.4.4  返回兩個(gè)或多個(gè)參數(shù)中的值或小值 162
7.4.5  計(jì)算指定數(shù)值的平方根 163
7.4.6  數(shù)值的冪運(yùn)算 164
7.4.7  計(jì)算指定數(shù)值的對(duì)數(shù) 165
7.4.8  取整運(yùn)算 165
7.4.9  生成0到1之間的隨機(jī)數(shù) 166
7.4.10  根據(jù)指定的坐標(biāo)返回一個(gè)弧度值 167
7.4.11  返回大于或等于指定參數(shù)的小整數(shù) 167
7.4.12  返回小于或等于指定參數(shù)的整數(shù) 168
7.4.13  返回以e為基數(shù)的冪 169
7.5  實(shí)戰(zhàn)演練——使用Math對(duì)象設(shè)計(jì)程序 170
7.6  疑難解惑 171
第8章  JavaScript的調(diào)試與優(yōu)化 173
8.1  常見(jiàn)的錯(cuò)誤和異常 174
8.2  處理異常的方法 175
8.2.1  用onerror事件處理異常 175
8.2.2  用try…catch…finally語(yǔ)句處理異常 177
8.2.3  使用throw語(yǔ)句拋出異常 178
8.3  使用調(diào)試器 179
8.3.1  IE瀏覽器內(nèi)建的錯(cuò)誤報(bào)告 179
8.3.2  用Firefox錯(cuò)誤控制臺(tái)調(diào)試 180
8.4  JavaScript語(yǔ)言調(diào)試技巧 181
8.4.1  用alert()語(yǔ)句進(jìn)行調(diào)試 181
8.4.2  用write()語(yǔ)句進(jìn)行調(diào)試 181
8.5  JavaScript優(yōu)化 182
8.5.1  減緩代碼下載時(shí)間 182
8.5.2  合理聲明變量 183
8.5.3  使用內(nèi)置函數(shù)縮短編譯時(shí)間 183
8.5.4  合理書寫if語(yǔ)句 183
8.5.5  小化語(yǔ)句數(shù)量 184
8.5.6  節(jié)約使用DOM 184
8.6  疑難解惑 185
第9章  文檔對(duì)象模型與事件驅(qū)動(dòng) 187
9.1  文檔對(duì)象模型 188
9.1.1  認(rèn)識(shí)文檔對(duì)象模型 189
9.1.2  文檔對(duì)象的產(chǎn)生過(guò)程 190
9.2  訪問(wèn)節(jié)點(diǎn) 191
9.2.1  節(jié)點(diǎn)的基本概念 191
9.2.2  節(jié)點(diǎn)的基本操作 192
9.3  文檔對(duì)象模型的屬性和方法 203
9.4  在DOM模型中獲得對(duì)象 205
9.5  疑難解惑 206
第10章  document對(duì)象 209
10.1  文檔對(duì)象概述 210
10.2  文檔對(duì)象的屬性和方法 210
10.2.1  文檔對(duì)象的屬性 210
10.2.2  文檔對(duì)象的方法 211
10.3  文檔對(duì)象的應(yīng)用 211
10.3.1  設(shè)置頁(yè)面顯示顏色 211
10.3.2  網(wǎng)頁(yè)錨點(diǎn)的設(shè)置 215
10.3.3  窗體對(duì)象form的應(yīng)用 217
10.3.4  在文檔中輸出數(shù)據(jù) 218
10.3.5  打開(kāi)新窗口并輸出內(nèi)容 220
10.3.6  引用文檔中的表單和圖片 221
10.3.7  設(shè)置文檔中的超鏈接 223
10.4  實(shí)戰(zhàn)演練——綜合使用各種對(duì)話框 224
10.5  疑難解惑 226
第11章  window對(duì)象 227
11.1  了解window對(duì)象的屬性和方法 228
11.1.1  window對(duì)象的屬性 228
11.1.2  window對(duì)象的方法 229
11.2  對(duì)話框 229
11.2.1  警告對(duì)話框 229
11.2.2  詢問(wèn)對(duì)話框 231
11.2.3  提示對(duì)話框 232
11.3  窗口操作 234
11.3.1  打開(kāi)窗口 234
11.3.2  關(guān)閉窗口 235
11.3.3  控制窗口狀態(tài)欄 236
11.4  實(shí)戰(zhàn)演練——設(shè)置彈出窗口 237
11.5  疑難解惑 239
第12章  事件處理 241
12.1  了解事件與事件處理 242
12.1.1  事件與事件處理概述 242
12.1.2  JavaScript的常用事件 242
12.1.3  事件處理程序的調(diào)用 245
12.2  鼠標(biāo)和鍵盤事件 246
12.2.1  鼠標(biāo)的單擊事件 246
12.2.2  鼠標(biāo)的按下與松開(kāi)事件 247
12.2.3  鼠標(biāo)的移入與移出事件 248
12.2.4  鼠標(biāo)的移動(dòng)事件 249
12.2.5  鍵盤事件 250
12.3  JavaScript處理事件的方式 251
12.3.1  匿名函數(shù)方式 251
12.3.2  顯式聲明方式 252
12.3.3  手工觸發(fā)方式 253
12.4  實(shí)戰(zhàn)演練——通過(guò)事件控制文本框的背景顏色 254
12.5  疑難解惑 256
第3篇  高級(jí)應(yīng)用
第13章  JavaScript控制表單和樣式表 259
13.1  表單在JavaScript中的應(yīng)用 260
13.1.1  HTML表單基礎(chǔ) 260
13.1.2  編輯表單元素的腳本 263
13.1.3  使用JavaScript獲取網(wǎng)頁(yè)內(nèi)容實(shí)現(xiàn)數(shù)據(jù)驗(yàn)證 268
13.2  DHTML簡(jiǎn)介 269
13.3  前臺(tái)動(dòng)態(tài)網(wǎng)頁(yè)效果 270
13.3.1  動(dòng)態(tài)內(nèi)容 270
13.3.2  動(dòng)態(tài)樣式 271
13.3.3  動(dòng)態(tài)定位 272
13.3.4  顯示與隱藏 275
13.4  實(shí)戰(zhàn)演練1——創(chuàng)建用戶反饋表單 276
13.5  實(shí)戰(zhàn)演練2——控制表單背景色和文字提示 277
13.6  疑難解惑 279
第14章  頁(yè)面打印和瀏覽器檢測(cè) 281
14.1  使用WebBrowser組件的execWB()方法打印 282
14.2  打印指定框架中的內(nèi)容 286
14.3  分頁(yè)打印 287
14.4  設(shè)置頁(yè)眉/頁(yè)腳 290
14.5  瀏覽器檢測(cè)對(duì)象 293
14.5.1  瀏覽器對(duì)象的屬性 293
14.5.2  檢測(cè)瀏覽器的名稱與版本 294
14.6  疑難解惑 294
第15章  Cookie的概念、常用方法和技巧 295
15.1  Cookie概述 296
15.1.1  設(shè)置Cookie 296
15.1.2  保存Cookie數(shù)據(jù) 299
15.2  Cookie的常見(jiàn)操作 300
15.2.1  創(chuàng)建Cookie 300
15.2.2  讀取Cookie數(shù)據(jù) 301
15.2.3  刪除Cookie 301
15.3  實(shí)戰(zhàn)演練——在歡迎界面中設(shè)置和檢查Cookie 302
15.4  疑難解惑 303
第16章  JavaScript和Ajax技術(shù) 305
16.1  Ajax快速入門 306
16.1.1  什么是Ajax 306
16.1.2  Ajax的關(guān)鍵元素 309
16.1.3  CSS在Ajax應(yīng)用中的地位 309
16.2  Ajax的核心技術(shù) 310
16.2.1  全面剖析XMLHttpRequest對(duì)象 310
16.2.2  發(fā)出Ajax請(qǐng)求 312
16.2.3  處理服務(wù)器響應(yīng) 313
16.3  實(shí)戰(zhàn)演練1——制作自由拖放的網(wǎng)頁(yè) 315
16.4  實(shí)戰(zhàn)演練2——制作加載條 320
16.5  疑難解惑 321
第17章  JavaScript的優(yōu)秀倉(cāng)庫(kù)——  jQuery 323
17.1  jQuery概述 324
17.1.1  jQuery能做什么 324
17.1.2  jQuery的特點(diǎn) 324
17.2  jQuery的配置 325
17.3  jQuery選擇器 325
17.3.1  jQuery的工廠函數(shù) 325
17.3.2  常見(jiàn)的選擇器 326
17.4  jQuery控制頁(yè)面 328
17.4.1  對(duì)標(biāo)記的屬性進(jìn)行操作 328
17.4.2  對(duì)表單元素進(jìn)行操作 330
17.5  jQuery的事件處理 332
17.6  jQuery的動(dòng)畫效果 333
17.7  實(shí)戰(zhàn)演練——制作絢麗的多級(jí)動(dòng)畫菜單 336
17.8  疑難解惑 340
第18章  JavaScript的安全性 341
18.1  設(shè)置IE瀏覽器的安全區(qū)域 342
18.2  JavaScript代碼安全 343
18.2.1  屏蔽部分按鍵 343
18.2.2  屏蔽鼠標(biāo)右鍵 345
18.2.3  禁止網(wǎng)頁(yè)另存為 346
18.2.4  禁止復(fù)制網(wǎng)頁(yè)內(nèi)容 346
18.3  實(shí)戰(zhàn)演練——JavaScript代碼加密 348
18.4  疑難解惑 349
第4篇  項(xiàng)目案例實(shí)戰(zhàn)
第19章  項(xiàng)目實(shí)訓(xùn)1——制作飛機(jī)大戰(zhàn)游戲 353
19.1  系統(tǒng)功能描述 354
19.2  系統(tǒng)功能分析及實(shí)現(xiàn) 354
19.2.1  功能分析 354
19.2.2  功能實(shí)現(xiàn) 354
19.2.3  程序運(yùn)行 362
第20章  項(xiàng)目實(shí)訓(xùn)2——設(shè)計(jì)企業(yè)門戶類網(wǎng)頁(yè) 363
20.1  構(gòu)思布局 364
20.1.1  設(shè)計(jì)分析 364
20.1.2  排版架構(gòu) 364
20.2  內(nèi)容設(shè)計(jì) 365
20.2.1  使用JavaScript技術(shù)實(shí)現(xiàn)Logo與導(dǎo)航菜單 365
20.2.2  Banner區(qū) 366
20.2.3  資訊區(qū) 367
20.2.4  版權(quán)信息 369
20.3  設(shè)置鏈接 370
第21章  項(xiàng)目實(shí)訓(xùn)3——開(kāi)發(fā)商品信息 展示系統(tǒng) 371
21.1  項(xiàng)目需求分析 372
21.2  項(xiàng)目技術(shù)分析 373
21.3  系統(tǒng)的代碼實(shí)現(xiàn) 373
21.3.1  設(shè)計(jì)首頁(yè) 373
21.3.2  開(kāi)發(fā)控制器類的文件 375
21.3.3  開(kāi)發(fā)數(shù)據(jù)模型類文件 376
21.3.4  開(kāi)發(fā)視圖抽象類的文件 378
21.3.5  項(xiàng)目中的其他js文件說(shuō)明 381