JavaScript速成教程

前言
第一部分   入門知識(shí)
第1學(xué)時(shí)   理解JavaScript 1
1.1   學(xué)習(xí)腳本的基礎(chǔ)知識(shí) 1
1.1.1   腳本和編程 1
1.1.2   介紹JavaScript 2
1.2   怎樣在網(wǎng)頁(yè)中嵌入JavaScript 2
1.3   瀏覽器和JavaScript 4
1.3.1   Netscape 和 Internet Explorer 4
1.3.2   JavaScript的版本 4
1.4   JavaScript之外的選擇 5
1.4.1   Java 5
1.4.2   ActiveX 5
1.4.3   VBScript 6
1.4.4   CGI和服務(wù)器端腳本編程 6
1.5   課時(shí)小結(jié) 6
1.6   專家答疑 7
1.7   思考題 7
1.7.1   問(wèn)題 7
1.7.2   解答 8
1.8   練習(xí)題 8
第2學(xué)時(shí)   編寫一個(gè)簡(jiǎn)單的腳本 9
2.1   編寫腳本所需要的工具 9
2.2   現(xiàn)在是什么時(shí)間 10
2.3   腳本的開(kāi)始 10
2.4   加入JavaScript語(yǔ)句 11
2.4.1   在變量中存儲(chǔ)數(shù)據(jù) 11
2.4.2   計(jì)算結(jié)果 11
2.5   創(chuàng)建輸出 12
2.6   將腳本加入網(wǎng)頁(yè) 12
2.7   測(cè)試腳本 13
2.7.1   修改腳本 14
2.7.2   制造錯(cuò)誤 15
2.8   課外作業(yè)：在早期的瀏覽器中隱藏腳本 16
2.9   課時(shí)小結(jié) 16
2.10   專家答疑 16
2.11   思考題 17
2.11.1   問(wèn)題 17
2.11.2   解答 18
2.12   練習(xí)題 18
第3學(xué)時(shí)   通覽JavaScript的功能 19
3.1   為網(wǎng)站的用戶界面增色 19
3.1.1   使用狀態(tài)欄 19
3.1.2    瀏覽幫助 20
3.1.3   彈出式窗口和其他功能 20
3.2   圖像和動(dòng)畫 21
3.3   驗(yàn)證表單 22
3.4   檢測(cè)瀏覽器版本 23
3.5   處理插件 24
3.6   復(fù)雜腳本 24
3.7   課外作業(yè)：拷貝腳本 25
3.8   課時(shí)小結(jié) 26
3.9   專家答疑 27
3.10   思考題 27
3.10.1   問(wèn)題 27
3.10.2   解答 27
3.11   練習(xí)題 28
第4學(xué)時(shí)   JavaScript程序如何運(yùn)行 29
4.1   把任務(wù)和函數(shù)聯(lián)系起來(lái) 29
4.2   理解對(duì)象 29
4.3   處理事件 30
4.4   條件語(yǔ)句 31
4.5   循環(huán) 31
4.6   腳本會(huì)首先做什么 31
4.7   課外作業(yè)：使用注釋 32
4.8   課時(shí)小結(jié) 32
4.9   專家答疑 32
4.10   思考題 33
4.10.1   問(wèn)題 33
4.10.2   解答 33
4.11   練習(xí)題 33
第二部分   JavaScript的基礎(chǔ)知識(shí)
第5學(xué)時(shí)   使用變量和函數(shù) 35
5.1   使用函數(shù) 35
5.1.1   定義函數(shù) 35
5.1.2   調(diào)用函數(shù) 36
5.1.3   返回值 38
5.2   使用變量 39
5.2.1   選擇變量的名字 39
5.2.2   使用局部和全局變量 39
5.2.3   給變量賦值 41
5.3   JavaScript中的數(shù)據(jù)類型 42
5.4   數(shù)據(jù)類型間的轉(zhuǎn)換 42
5.5   課外作業(yè)：在變量中存儲(chǔ)用戶數(shù)據(jù) 43
5.6   課時(shí)小結(jié) 44
5.7   專家答疑 44
5.8   思考題 45
5.8.1   問(wèn)題 45
5.8.2   解答 45
5.9   練習(xí)題 46
第6學(xué)時(shí)   使用字符串和數(shù)組 47
6.1   使用String對(duì)象 47
6.1.1   創(chuàng)建String對(duì)象 47
6.1.2   為變量賦值 48
6.1.3   計(jì)算字符串的長(zhǎng)度 49
6.1.4   轉(zhuǎn)換字符串的大小寫 49
6.2   處理子字符串 50
6.2.1   使用字符串的一部分 50
6.2.2   獲得一個(gè)字符 50
6.2.3   查找子字符串 50
6.3   使用數(shù)值數(shù)組 51
6.3.1   創(chuàng)建一個(gè)數(shù)值數(shù)組 51
6.3.2   訪問(wèn)數(shù)組元素 52
6.4   使用字符串?dāng)?shù)組 52
6.4.1   創(chuàng)建字符串?dāng)?shù)組 52
6.4.2   分割字符串 52
6.4.3   對(duì)數(shù)組排序 53
6.5   課外作業(yè)：顯示滾動(dòng)消息 53
6.6   課時(shí)小結(jié) 55
6.7   專家答疑 55
6.8   思考題 55
6.8.1   問(wèn)題 55
6.8.2   解答 56
6.9   練習(xí)題 56
第7學(xué)時(shí)   數(shù)值的檢驗(yàn)和比較 57
7.1   if語(yǔ)句 57
7.1.1   條件運(yùn)算符 58
7.1.2   用邏輯運(yùn)算符連接條件 58
7.1.3   else關(guān)鍵字 59
7.2   使用條件表達(dá)式 59
7.3   使用switch的多條件 60
7.4   課外作業(yè)：檢驗(yàn)用戶的響應(yīng) 61
7.5   課時(shí)小結(jié) 62
7.6   專家答疑 63
7.7   思考題 63
7.7.1   問(wèn)題 63
7.7.2   解答 64
7.8   練習(xí)題 64
第8學(xué)時(shí)   重復(fù)計(jì)算：使用循環(huán) 65
8.1   使用for循環(huán) 65
8.2   使用while循環(huán) 66
8.3   使用do...while循環(huán) 67
8.4   處理循環(huán) 67
8.4.1   建立一個(gè)無(wú)限循環(huán) 67
8.4.2   跳出循環(huán) 68
8.4.3   繼續(xù)循環(huán) 68
8.5   使用for...in循環(huán) 69
8.6   課外作業(yè)：處理數(shù)組和循環(huán) 69
8.7   課時(shí)小結(jié) 71
8.8   專家答疑 71
8.9   思考題 72
8.9.1   問(wèn)題 72
8.9.2   解答 72
8.10   練習(xí)題 72
第三部分   JavaScript的高級(jí)功能
第9學(xué)時(shí)   使用內(nèi)建對(duì)象 73
9.1   對(duì)象是什么 73
9.1.1   創(chuàng)建對(duì)象 73
9.1.2   對(duì)象的屬性和值 74
9.1.3   理解方法 74
9.1.4   使用with關(guān)鍵字 74
9.2   Math對(duì)象 75
9.2.1   取整和截?cái)?75
9.2.2   生成隨機(jī)數(shù) 75
9.3   處理日期 76
9.3.1   創(chuàng)建date對(duì)象 76
9.3.2   設(shè)置日期值 76
9.3.3   獲得日期值 76
9.3.4   處理時(shí)區(qū)問(wèn)題 77
9.3.5   日期格式間的轉(zhuǎn)換 77
9.4   課外作業(yè)：處理Math對(duì)象 77
9.5   課時(shí)小結(jié) 79
9.6   專家答疑 80
9.7   思考題 80
9.7.1   問(wèn)題 80
9.7.2   解答 80
9.8   練習(xí)題 81
第10學(xué)時(shí)   使用文檔對(duì)象模型 82
10.1   理解文檔對(duì)象模型 82
10.2   DOM的歷史 83
10.3   使用window對(duì)象 83
10.4   處理Web文檔 84
10.5   在文檔上寫入文本 85
10.6   清除和重寫文檔 85
10.7   使用鏈接和錨 86
10.8   訪問(wèn)瀏覽器的歷史信息 86
10.9   使用location對(duì)象 87
10.10   讀取關(guān)于瀏覽器的信息 87
10.11   課外作業(yè)：創(chuàng)建Back和Forward按鈕 88
10.12   課時(shí)小結(jié) 89
10.13   專家答疑 89
10.14   思考題 90
10.14.1   問(wèn)題 90
10.14.2   解答 90
10.15   練習(xí)題 90
第11學(xué)時(shí)   編寫自定義對(duì)象 91
11.1   使用對(duì)象簡(jiǎn)化腳本 91
11.2   創(chuàng)建一個(gè)對(duì)象的實(shí)例 92
11.3   自定義內(nèi)建對(duì)象 93
11.4   課外作業(yè)：在對(duì)象中存儲(chǔ)數(shù)據(jù) 94
11.5   課時(shí)小結(jié) 95
11.6   專家答疑 96
11.7   思考題 96
11.7.1   問(wèn)題 96
11.7.2   解答 96
11.8   練習(xí)題 97
第12學(xué)時(shí)   響應(yīng)事件 98
12.1   理解事件處理程序 98
12.1.1   對(duì)象和事件 98
12.1.2   編寫一個(gè)事件處理程序 99
12.1.3   使用JavaScript改變事件處理程序 99
12.1.4   使用event對(duì)象 100
12.2   使用鼠標(biāo)事件 100
12.2.1   Over和Out 100
12.2.2   Up和Down 101
12.3   使用鍵盤事件 102
12.4   使用onLoad事件 102
12.5   課外作業(yè)：在網(wǎng)頁(yè)中加入鏈接描述 103
12.6   課時(shí)小結(jié) 104
12.7   專家答疑 105
12.8   思考題 106
12.8.1   問(wèn)題 106
12.8.2   解答 106
12.9   練習(xí)題 106
第四部分   處理網(wǎng)頁(yè)
第13學(xué)時(shí)   使用窗口和圖文框 107
13.1   用對(duì)象控制窗口 107
13.1.1   建立一個(gè)新窗口 107
13.1.2   打開(kāi)和關(guān)閉窗口 108
13.2   使用超時(shí)設(shè)定 109
13.3   顯示對(duì)話框 111
13.4   處理圖文框 113
13.4.1   使用JavaScript對(duì)象處理圖文框 113
13.4.2   圖文框數(shù)組 114
13.5   課外作業(yè)：建立一個(gè)導(dǎo)航圖文框 114
13.6   課時(shí)小結(jié) 116
13.7   專家答疑 116
13.8   思考題 117
13.8.1   問(wèn)題 117
13.8.2   解答 117
13.9   練習(xí) 117
第14學(xué)時(shí)   用表單獲得數(shù)據(jù) 118
14.1   HTML表單的基礎(chǔ) 118
14.2   用JavaScript使用form對(duì)象 119
14.2.1   form對(duì)象的屬性 119
14.2.2   提交和復(fù)位表單 119
14.2.3   檢測(cè)表單事件 119
14.3   編寫表單元素 120
14.3.1   文本字段 120
14.3.2   文本域 121
14.3.3   在表單中處理文本 121
14.3.4   按鈕 121
14.3.5   復(fù)選框 122
14.3.6   單選按鈕 122
14.3.7   下拉列表 123
14.4   從表單中顯示數(shù)據(jù) 124
14.5   用電子郵件發(fā)送表單結(jié)果 126
14.6   課外作業(yè)：確認(rèn)一個(gè)表單 126
14.7   課時(shí)小結(jié) 127
14.8   專家答疑 128
14.9   思考題 129
14.9.1   問(wèn)題 129
14.9.2   解答 129
14.10   練習(xí)題 129
第15學(xué)時(shí)   使用圖像和動(dòng)畫 130
15.1   用JavaScript處理圖像映射 130
15.2   在JavaScript中使用動(dòng)態(tài)圖像 132
15.2.1   使用images數(shù)組 132
15.2.2   預(yù)先載入圖像 133
15.3   建立滾過(guò)效果 133
15.4   課外作業(yè)：創(chuàng)建一個(gè)簡(jiǎn)單的動(dòng)畫 135
15.4.1   創(chuàng)建圖像 135
15.4.2   創(chuàng)建HTML文檔 136
15.4.3   定義變量 136
15.4.4   使動(dòng)畫動(dòng)起來(lái) 137
15.4.5   綜合 137
15.5   課時(shí)小結(jié) 139
15.6   專家答疑 139
15.7   思考題 140
15.7.1   問(wèn)題 140
15.7.2   解答 140
15.8   練習(xí)題 141
第16學(xué)時(shí)   創(chuàng)建跨瀏覽器腳本 142
16.1   讀瀏覽器信息 142
16.1.1   顯示瀏覽器信息 143
16.1.2   處理不誠(chéng)實(shí)的瀏覽器 144
16.2   使用JavaScript支持瀏覽器 146
16.2.1   創(chuàng)建一個(gè)特定瀏覽器的頁(yè)面 146
16.2.2   分出獨(dú)立的頁(yè)面 146
16.2.3   制作多瀏覽器的頁(yè)面 147
16.3   支持沒(méi)有JavaScript功能的瀏覽器 147
16.4   課外作業(yè)：編寫多瀏覽器腳本 148
16.5   課時(shí)小結(jié) 149
16.6   專家答疑 150
16.7   思考題 150
16.7.1   問(wèn)題 150
16.7.2   解答 150
16.8   練習(xí)題 151
第五部分   編寫高級(jí)Web腳本
第17學(xué)時(shí)   使用樣式表單 153
17.1   樣式和實(shí)質(zhì) 153
17.2   定義和使用CSS樣式 154
17.2.1   創(chuàng)建規(guī)則 154
17.2.2   排列文本 155
17.2.3   改變顏色和背景圖案 155
17.2.4   處理字體 156
17.2.5   頁(yè)邊距和邊界 156
17.3   創(chuàng)建一個(gè)簡(jiǎn)單的樣式表單 156
17.4   使用外部的樣式表單 158
17.5   用JavaScript控制樣式 158
17.6   課外作業(yè)：創(chuàng)建動(dòng)態(tài)樣式 159
17.7   課時(shí)小結(jié) 162
17.8   專家答疑 162
17.9   思考題 162
17.9.1   問(wèn)題 162
17.9.2   解答 163
17.10   練習(xí)題 163
第18學(xué)時(shí)   使用DOM建立動(dòng)態(tài)頁(yè)面 164
18.1   理解DOM的結(jié)構(gòu) 164
18.1.1   節(jié)點(diǎn) 165
18.1.2   父與子 165
18.1.3   兄弟 165
18.2   創(chuàng)建可定位的元素 166
18.2.1   設(shè)置定位的屬性 166
18.2.2   使用JavaScript控制定位 167
18.2.3   處理老的瀏覽器 167
18.3   課外作業(yè)：創(chuàng)建動(dòng)態(tài)HTML動(dòng)畫 168
18.4   課時(shí)小結(jié) 169
18.5   專家答疑 170
18.6   思考題 171
18.6.1   問(wèn)題 171
18.6.2   解答 171
18.7   練習(xí)題 171
第19學(xué)時(shí)   使用高級(jí)DOM特征 172
19.1   處理DOM節(jié)點(diǎn) 172
19.1.1   基本節(jié)點(diǎn)屬性 172
19.1.2   節(jié)點(diǎn)關(guān)系屬性 173
19.1.3   文檔方法 173
19.1.4   節(jié)點(diǎn)方法 173
19.2   隱藏和顯示對(duì)象 173
19.3   改變頁(yè)面中的文本 176
19.4   向頁(yè)面中添加文本 176
19.5   課外作業(yè)：一個(gè)更好的滾動(dòng)消息 178
19.6   課時(shí)小結(jié) 180
19.7   專家答疑 180
19.8   思考題 181
19.8.1   問(wèn)題 181
19.8.2   解答 181
19.9   練習(xí)題 181
第20學(xué)時(shí)   處理多媒體和插件 182
20.1   插件和LiveConnect的簡(jiǎn)介 182
20.1.1   理解MIME類型 183
20.1.2   LiveConnect是如何工作的 183
20.2   處理插件對(duì)象 183
20.2.1   檢驗(yàn)插件 184
20.2.2   給出插件列表 184
20.2.3   在插件中使用對(duì)象 185
20.3   課外作業(yè)：用鼠標(biāo)來(lái)播放音樂(lè) 186
20.3.1   嵌入聲音 186
20.3.2   顯示鋼琴的鍵盤 186
20.3.3   播放聲音 187
20.3.4   總匯 187
20.4   課時(shí)小結(jié) 189
20.5   專家答疑 189
20.6   思考題 189
20.6.1   問(wèn)題 189
20.6.2   解答 190
20.7   練習(xí)題 190
第六部分   綜合運(yùn)用
第21學(xué)時(shí)   發(fā)現(xiàn)并處理錯(cuò)誤 191
21.1   避免出錯(cuò) 191
21.1.1   使用良好的編程習(xí)慣 191
21.1.2   避免常見(jiàn)的問(wèn)題 192
21.2   基本調(diào)試工具 193
21.2.1   Netscape的JavaScript控制臺(tái) 193
21.2.2   使控制臺(tái)自動(dòng)顯示 194
21.2.3   在Internet   Explorer中顯示錯(cuò)誤
消息 194
21.2.4   警告消息和狀態(tài)欄 194
21.3   Netscape的JavaScript調(diào)試器 195
21.3.1   安裝調(diào)試器 195
21.3.2   調(diào)試器窗口 195
21.3.3   設(shè)置斷點(diǎn)和中斷 195
21.3.4   監(jiān)視變量值 197
21.3.5   腳本的單步執(zhí)行 197
21.4   課外作業(yè)：調(diào)試一個(gè)腳本 197
21.4.1   測(cè)試這個(gè)程序 198
21.4.2   修正錯(cuò)誤 199
21.4.3   再次測(cè)試這個(gè)腳本 199
21.5   課時(shí)小結(jié) 201
21.6   專家答疑 201
21.7   思考題 201
21.7.1   問(wèn)題 201
21.7.2   解答 202
21.8   練習(xí)題 202
第22學(xué)時(shí)   用JavaScript改進(jìn)網(wǎng)頁(yè) 203
22.1   創(chuàng)建HTML文檔 203
22.2   為導(dǎo)航使用下拉式列表 204
22.2.1   為頁(yè)面命名 205
22.2.2   創(chuàng)建數(shù)據(jù)結(jié)構(gòu)和HTML 205
22.2.3   為導(dǎo)航欄創(chuàng)建函數(shù) 206
22.3   添加鏈接描述 206
22.4   添加圖像鏈接 208
22.4.1   創(chuàng)建圖像 208
22.4.2   創(chuàng)建事件處理程序 208
22.5   課外作業(yè)：對(duì)頁(yè)面進(jìn)行最后加工 209
22.6   課時(shí)小結(jié) 211
22.7   專家答疑 211
22.8   思考題 212
22.8.1   問(wèn)題 212
22.8.2   解答 212
22.9   練習(xí)題 212
第23學(xué)時(shí)   創(chuàng)建一個(gè)JavaScript的游戲 213
23.1   設(shè)計(jì)程序 213
23.1.1   創(chuàng)建圖像 213
23.1.2   選擇變量 213
23.1.3   創(chuàng)建HTML文檔 214
23.2   編寫程序 215
23.2.1   處理Deal/Draw按鈕 216
23.2.2   洗牌 216
23.2.3   發(fā)牌 217
23.2.4   持有和丟棄牌 218
23.2.5   發(fā)放新牌 218
23.2.6   計(jì)算得分 219
23.3   課外作業(yè)：總匯 221
23.4   課時(shí)小結(jié) 225
23.5   專家答疑 226
23.6   思考題 226
23.6.1   問(wèn)題 226
23.6.2   解答 226
23.7   練習(xí)題 227
第24學(xué)時(shí)   展望未來(lái) 228
24.1   學(xué)習(xí)高級(jí)JavaScript技術(shù) 228
24.2   未來(lái)的Web技術(shù) 228
24.2.1   未來(lái)的JavaScript版本 228
24.2.2   未來(lái)的DOM版本 229
24.2.3   XML 229
24.2.4   XSL 229
24.3   為未來(lái)做計(jì)劃 230
24.3.1   保持腳本的兼容性 230
24.3.2   堅(jiān)持瀏覽器的兼容性 230
24.3.3   給所有的代碼添加注釋 231
24.4   課外作業(yè)：JavaScript的幾點(diǎn)提示 231
24.5   課時(shí)小結(jié) 231
24.6   專家答疑 232
24.7   思考題 232
24.7.1   問(wèn)題 232
24.7.2   解答 232
24.8   練習(xí)題 233
附錄A   其他JavaScript資源 234
附錄B   JavaScript開(kāi)發(fā)工具 236
附錄C   詞匯表 238
附錄D   JavaScript速查 241