JavaScript編程起步

第1章 JavaScript簡(jiǎn)介 1
1.1 學(xué)習(xí)本書所需的基本知識(shí) 2
1.1.1 HTML（超文本標(biāo)記語言）的基本知識(shí) 2
1.1.2 文本編輯器和Web瀏覽器的基本知識(shí) 3
1.1.3 JavaScript語言的不同版本 5
1.2 切記，JavaScript不是Java 5
1.3 與其它語言的相似之處 5
1.4 JavaScript語言簡(jiǎn)介 7
1.4.1 基于對(duì)象（Object Based） 7
1.4.2 客戶端（Client Side） 7
1.4.3 腳本語言 8
1.5 用JavaScript語言編寫腳本 8
1.6 在線資源 9
項(xiàng)目1-1：使用JavaScript來輸出文本 10
1.7 小測(cè)驗(yàn) 10
第2章 在HTML文件中添加JavaScript代碼 13
2.1 使用HTML語言中的SCRIPT標(biāo)記 14
2.1.1　定義腳本語言的類型 14
2.1.2　調(diào)用外部腳本文件 15
2.1.3　在老版本瀏覽器中隱藏JavaScript腳本 16
2.2　創(chuàng)建第一個(gè)JavaScript腳本 17
2.2.1　編寫"Hello World"腳本 17
2.2.2　為你的腳本創(chuàng)建一個(gè)HTML文件 18
2.2.3　將你的腳本加入到HTML文件中 18
2.2.4 項(xiàng)目2-1：將JavaScript腳本添加到HTML文件中 20
2.3 用外部文件的方式調(diào)用JavaScript腳本 21
2.3.1　創(chuàng)建JavaScript文件 21
2.3.2　創(chuàng)建HTML文件 22
2.3.3　用Web瀏覽器觀看結(jié)果 23
2.3.4 項(xiàng)目2-2：在HTML文件中調(diào)用JavaScript外部腳本 24
2.4 使用JavaScript注釋 25
2.4.1　單行注釋 25
2.4.2　多行注釋 26
2.5 小測(cè)驗(yàn) 27
第3章 JavaScript變量 29
3.1　變量是什么 30
3.2　變量為什么很有用 30
3.2.1 變量是個(gè)時(shí)間節(jié)約器 31
3.2.2　變量是個(gè)代碼澄清器 31
3.3　在腳本中定義變量 32
3.3.1　變量聲明 32
3.3.2　變量賦值 32
3.3.3　變量的命名規(guī)則 33
3.4　變量類型 36
3.4.1　數(shù)值型 36
3.4.2　字符串型 37
3.4.3　布爾型 42
3.4.4　空值型 43
3.4.5 項(xiàng)目3-1：聲明變量 44
3.5 在腳本中使用變量 45
3.5.1　訪問變量 45
3.5.2　字符串變量與字符串相加 46
3.6 用JavaScript編寫網(wǎng)頁 48
3.6.1　搭建框架 48
3.6.2　定義變量 49
3.6.3　添加命令 50
3.6.4　修改網(wǎng)頁 51
3.6.5 項(xiàng)目3-2：用JavaScript腳本創(chuàng)建一個(gè)HTML網(wǎng)頁 52
3.7 小測(cè)驗(yàn) 55
第4章 JavaScript函數(shù) 57
4.1　什么是函數(shù) 58
4.2　函數(shù)為什么有用 58
4.3　構(gòu)造函數(shù) 59
4.3.1　聲明函數(shù) 59
4.3.2　定義函數(shù)代碼 59
4.3.3　函數(shù)命名 60
4.3.4　給函數(shù)添加參數(shù) 61
4.3.5 給函數(shù)添加返回語句 63
4.4　在腳本中調(diào)用函數(shù) 64
4.4.1 在HEAD部分調(diào)用函數(shù) 65
4.4.2　在BODY部分調(diào)用函數(shù) 67
4.4.3　在一個(gè)函數(shù)中調(diào)用另一個(gè)函數(shù) 70
4.4.4　調(diào)用帶參數(shù)的函數(shù) 72
4.4.5　調(diào)用帶返回語句的函數(shù) 76
4.4.6 項(xiàng)目4-1：用函數(shù)創(chuàng)建HTML頁面 77
4.5 本章小結(jié) 78
項(xiàng)目4-2：編寫自己的函數(shù) 80
4.6 小測(cè)驗(yàn) 81
第5章 JavaScript運(yùn)算符 83
5.1　理解運(yùn)算符的類型 84
5.2　算術(shù)運(yùn)算符 85
5.2.1　加法運(yùn)算符（+） 86
5.2.2　減法運(yùn)算符（-） 88
5.2.3　乘法運(yùn)算符（*） 88
5.2.4　除法運(yùn)算符（/） 89
5.2.5　模運(yùn)算符（%） 90
5.2.6　增量運(yùn)算符（++） 90
5.2.7　減量運(yùn)算符（--） 91
5.2.8　一元取反運(yùn)算符（-） 92
5.3　賦值運(yùn)算符 93
5.3.1　賦值運(yùn)算符（=） 93
5.3.2　加賦值運(yùn)算符（+=） 93
5.3.3　減賦值運(yùn)算符（－=） 94
5.3.4　乘賦值運(yùn)算符（*=） 94
5.3.5　除賦值運(yùn)算符（/=） 95
5.3.6　模賦值運(yùn)算符（%=） 95
5.3.7 項(xiàng)目5-1：改變一個(gè)變量的值 96
5.4 比較運(yùn)算符 97
5.4.1　等于運(yùn)算符（==） 97
5.4.2　不等于運(yùn)算符（!=） 98
5.4.3　大于運(yùn)算符（>） 98
5.4.4　小于運(yùn)算符（=） 99
5.4.6　小于等于運(yùn)算符（<=） 100
5.5 邏輯運(yùn)算符 100
5.5.1　邏輯與運(yùn)算符（&&） 101
5.5.2　邏輯或運(yùn)算符（||） 101
5.5.3　邏輯非運(yùn)算符(!) 101
5.5.4　位運(yùn)算符 102
5.6 運(yùn)算順序 103
項(xiàng)目5-2：真或假 104
5.7 小測(cè)驗(yàn) 105
第6章 條件語句與循環(huán) 107
6.1 條件語句的定義 108
6.1.1 條件語句的概念 108
6.1.2 條件語句的原理 108
6.2 條件語句 109
6.2.1 If/Else語句的使用 109
6.2.2 Switch語句的使用 118
6.2.3 項(xiàng)目6-1：創(chuàng)建一個(gè)if/else語句段 120
6.3 循環(huán)的定義 121
6.3.1 循環(huán)的概念 121
6.3.2 循環(huán)的原理 121
6.4 循環(huán) 122
6.4.1 for循環(huán) 122
6.4.2 while循環(huán) 130
6.4.3 do while循環(huán) 132
6.4.4 項(xiàng)目6-2：使用for循環(huán)和while循環(huán) 134
6.5 小測(cè)驗(yàn) 134
第7章 事件句柄 137
7.1 事件句柄的定義 138
7.1.1 事件句柄的概念 138
7.1.2 事件句柄的作用 138
7.2 事件句柄的位置及其使用 139
7.2.1 事件句柄的位置 139
7.2.2 事件句柄的使用 139
7.2.3 項(xiàng)目7-1：創(chuàng)建一個(gè)按鈕 142
7.3 事件句柄 142
7.3.1 Click事件（onClick） 143
7.3.2 Mouseover事件（onMouseOver） 145
7.3.3 Mouseout事件（onMouseOut） 146
7.3.4 Load事件（onLoad） 147
7.3.5 Unload事件（onUnload） 147
7.3.6 Focus事件（onFocus） 148
7.3.7 Blur事件（onBlur） 149
7.3.8 Change事件（onChange） 150
7.3.9 Submit事件（onSubmit） 151
7.3.10 項(xiàng)目7-2：通過事件發(fā)出警示窗口 152
7.4 其它事件 153
7.4.1 Abort事件（onAbort） 153
7.4.2 Dragdrop事件（onDragDrop） 153
7.4.3 Error事件（onError） 153
7.4.4 Keydown事件（onKeyDown） 154
7.4.5 Keypress事件（onKeyPress） 154
7.4.6 Keyup事件（onKeyUp） 154
7.4.7 Mousedown事件（onMouseDown） 154
7.4.8 Mouseup事件（onMouseUp） 154
7.4.9 Mousemove事件（onMouseMove） 154
7.4.10 Move事件（onMove） 154
7.4.11 Reset事件（onReset） 154
7.4.12 Resize事件（onResize） 155
7.4.13 Select事件（onSelect） 155
7.5 事件句柄的腳本 155
7.5.1 改變狀態(tài)欄 156
7.5.2 按鈕鏈接 157
7.5.3 項(xiàng)目7-3：窗口狀態(tài)欄和網(wǎng)址定位的練習(xí) 159
7.6 小測(cè)驗(yàn) 160
第8章 對(duì)象 161
8.1 定義對(duì)象 162
8.1.1 什么是對(duì)象 162
8.1.2 對(duì)象的用途 162
8.2 創(chuàng)建對(duì)象 163
8.2.1 命名 163
8.2.2　對(duì)象的結(jié)構(gòu) 164
8.2.3 加入方法 173
8.2.4 項(xiàng)目8-1：創(chuàng)建一個(gè)computer對(duì)象 179
8.3 預(yù)定義JavaScript對(duì)象 180
8.3.1　Navigator對(duì)象 180
8.3.2 項(xiàng)目8-2：練習(xí)預(yù)定義Navigator對(duì)象 184
8.4 小測(cè)驗(yàn) 185
第9章 Document對(duì)象 187
9.1 Document 對(duì)象簡(jiǎn)介 188
9.2 屬性 188
9.2.1 alinkColor屬性 189
9.2.2 anchors屬性(數(shù)組) 191
9.2.3 applet屬性(數(shù)組) 192
9.2.4 bgColor屬性 192
9.2.5 cookie屬性 196
9.2.6 domain屬性 196
9.2.7 embed屬性（數(shù)組） 197
9.2.8 The fgColor Property 197
9.2.9 formName屬性 198
9.2.10 form屬性（數(shù)組） 200
9.2.11 image屬性（數(shù)組） 200
9.2.12 lastModified屬性 202
9.2.13　layers屬性（數(shù)組） 203
9.2.14　all屬性 203
9.2.15　linkColor屬性 204
9.2.16　links屬性（數(shù)組） 205
9.2.17　plugins屬性（數(shù)組） 206
9.2.18　referrer屬性 206
9.2.19　title屬性 206
9.2.20　URL屬性 207
9.2.21　vlinkColor屬性 208
9.2.22 項(xiàng)目9-1：用屬性創(chuàng)建一個(gè)網(wǎng)頁 210
9.3 方法 211
9.3.1　open()和close()方法 211
9.3.2　write()方法 214
9.3.3　writeln()方法 214
9.3.4 項(xiàng)目9-2：擴(kuò)展基本腳本 215
9.4 小測(cè)驗(yàn) 216
第10章 Window對(duì)象 217
10.1 Window對(duì)象簡(jiǎn)介 218
10.2 屬性 218
10.2.1 closed屬性 219
10.2.2 defaultStatus屬性 219
10.2.3 frames屬性（數(shù)組） 220
10.2.4 length屬性 220
10.2.5 location屬性 220
10.2.6 name屬性 222
10.2.7 opener屬性 223
10.2.8 parent屬性 223
10.2.9 self屬性 223
10.2.10 status屬性 224
10.2.11 top屬性 224
10.2.12 項(xiàng)目10-1：運(yùn)用window對(duì)象的location屬性 225
10.3 方法 226
10.3.1 alert()方法 226
10.3.2 confirm()方法 227
10.3.3 find()方法 229
10.3.4 print()方法 230
10.3.5 prompt()方法 230
10.3.6 open()方法 233
10.3.7 close()方法 238
10.3.8 blur()方法 238
10.3.9 focus()方法 239
10.3.10 moveBy()方法 240
10.3.11 moveTo()方法 241
10.3.12 resizeBy()方法 243
10.3.13 resizeTo()方法 243
10.3.14 scrollBy()方法 243
10.3.15 scrollTo()方法 243
10.3.16 setInterval()方法 243
10.3.17 clearInterval()方法 244
10.3.18 setTimeout()方法 245
10.3.19 cleanTimeout()方法 246
10.3.20 項(xiàng)目10-2：創(chuàng)建一個(gè)新窗口 247
10.4 小測(cè)驗(yàn) 248
第11章 JavaScript數(shù)組 251
11.1 數(shù)組的含義 252
11.1.1 何為數(shù)組 252
11.1.2 為何數(shù)組很有用處 252
11.2 定義和訪問數(shù)組 254
11.2.1 數(shù)組命名 254
11.2.2 定義數(shù)組 254
11.2.3 訪問數(shù)組 254
11.2.4 定義數(shù)組的其它方法 256
11.3 Array對(duì)象的屬性和方法 258
11.3.1 屬性 258
11.3.2 方法 261
11.4 數(shù)組與循環(huán) 269
11.4.1 創(chuàng)建數(shù)組元素 270
11.4.2 逐個(gè)訪問數(shù)組元素 271
11.4.3 項(xiàng)目11-1：關(guān)于數(shù)組的循環(huán)應(yīng)用 276
11.5 關(guān)聯(lián)數(shù)組 276
11.5.1 定義關(guān)聯(lián)數(shù)組 276
11.5.2 訪問關(guān)聯(lián)數(shù)組 277
11.5.3 項(xiàng)目11-2：使用關(guān)聯(lián)數(shù)組 278
11.6 小測(cè)驗(yàn) 279
第12章 數(shù)學(xué)和日期對(duì)象 281
12.1 數(shù)學(xué)對(duì)象 282
12.1.1 什么是數(shù)學(xué)對(duì)象 282
12.1.2 數(shù)學(xué)對(duì)象的用途 282
12.2 數(shù)學(xué)對(duì)象的屬性 282
12.2.1 E屬性 283
12.2.2 LN10屬性 283
12.2.3 LN2屬性 284
12.2.4 LOG10E屬性 284
12.2.5 LOG2E屬性 285
12.2.6 PI屬性 285
12.2.7 SQRT2屬性 285
12.2.8 SQRT1_2屬性 286
12.3 數(shù)學(xué)對(duì)象的方法 286
12.3.1 基本方法 287
12.3.2 雙參數(shù)方法 289
12.3.3 其它方法 292
12.3.4 random()方法 293
12.3.5 項(xiàng)目12-1：在頁面上顯示一個(gè)隨機(jī)鏈接 298
12.4 日期對(duì)象 299
12.4.1 屬性 299
12.4.2 方法 300
12.4.3 獲取當(dāng)前日期和時(shí)間的方法 301
12.4.4 對(duì)日期時(shí)間進(jìn)行設(shè)置的方法 303
12.4.5 其它方法 304
12.4.6 日期對(duì)象腳本文件 305
12.4.7 項(xiàng)目12-2：用JavaScript創(chuàng)建一個(gè)時(shí)鐘 308
12.5 小測(cè)驗(yàn) 308
第13章 字符串處理 311
13.1 字符串對(duì)象簡(jiǎn)介 312
13.1.1 字符串對(duì)象 312
13.1.2 字符串變量 312
13.1.3 字符串對(duì)象和字符串變量的區(qū)別 313
13.2 字符串對(duì)象的屬性 314
13.2.1 constructor屬性 314
13.2.2 length屬性 315
13.2.3 prototype屬性 316
13.3 字符串對(duì)象的方法 316
13.3.1 anchor()方法 317
13.3.2 big()方法 318
13.3.3 blink()方法 319
13.3.4 bold()方法 320
13.3.5 charAt()方法 320
13.3.6 charCodeAt()方法 321
13.3.7 concat()方法 321
13.3.8 fixed()方法 322
13.3.9 fontcolor()方法 322
13.3.10 fontsize()方法 323
13.3.11 fromCharCode()方法 324
13.3.12 indexOf()方法 324
13.3.13 italics()方法 325
13.3.14 lastIndexOf()方法 326
13.3.15 link()方法 326
13.3.16 match()方法 327
13.3.17 replace()方法 328
13.3.18 search()方法 328
13.3.19 slice()方法 328
13.3.20 small()方法 328
13.3.21 split()方法 329
13.3.22 strike()方法 330
13.3.23 sub()方法 330
13.3.24 substr()方法 330
13.3.25 substring()方法 331
13.3.26 sup()方法 331
13.3.27 toString()方法 332
13.3.28 toLowerCase()方法 332
13.3.29 toUpperCase ()方法 332
13.3.30 項(xiàng)目13-1：用charAt()方法得到字符串的第一個(gè)字符 333
13.4 字符串對(duì)象屬性和方法應(yīng)用舉例 334
項(xiàng)目13-2：用indexOf()檢查用戶輸入的E-mail地址是否合法 336
13.5 小測(cè)驗(yàn) 337
第14章 JavaScript與表單 339
14.1 表單存取 340
14.1.1 使用表單數(shù)組存取表單 340
14.1.2 使用表單名存取表單 344
14.2 表單對(duì)象的屬性和方法 345
14.2.1 屬性 345
14.2.2 方法 357
14.3 有效性檢查 358
14.3.1 onSubmit和return語句 359
14.3.2 技巧 361
14.3.3 項(xiàng)目14-1：檢查時(shí)間輸入是否有效的程序 363
14.4 使用表單導(dǎo)航 363
14.4.1 選擇框?qū)Ш?363
14.4.2 單選按鈕導(dǎo)航 366
14.4.3 項(xiàng)目14-2：使用選擇框?qū)Ш降某绦?367
14.5 小測(cè)驗(yàn) 368
第15章 JavaScript和框架 369
15.1 框架簡(jiǎn)介 370
15.1.1 框架的用途 370
15.1.2 框架組舉例 370
15.1.3 框架的選項(xiàng) 372
15.2 框架的存取 375
15.2.1 使用frames數(shù)組存取框架 375
15.2.2 使用名字存取框架 378
15.3 改變框架的內(nèi)容 380
15.3.1 改變一個(gè)框架的內(nèi)容 380
15.3.2 同時(shí)改變多個(gè)框架的內(nèi)容 381
15.3.3 項(xiàng)目15-1：改變框架的內(nèi)容 384
15.4 使用框架導(dǎo)航 385
15.4.1 在框架中使用選擇框 385
15.4.2 不顯示框架 386
15.4.3 使頁面在框架中顯示 388
15.5 在不同的框架中使用變量 389
項(xiàng)目15-2：變量 394
15.6 小測(cè)驗(yàn) 394
第16章 先進(jìn)技術(shù)的介紹 397
16.1 XML和XHTML 398
16.1.1 XML 對(duì)你的編碼將會(huì)產(chǎn)生什么影響 398
16.1.2 如何獲得更多XML和XHTML的知識(shí) 401
16.2 調(diào)試腳本中的錯(cuò)誤 401
16.2.1 錯(cuò)誤的類型 401
16.3 規(guī)范表達(dá)式 407
16.3.1 生成規(guī)范表達(dá)式 407
16.3.2 用規(guī)范表達(dá)式測(cè)試字符串 408
16.3.3 添加標(biāo)志 409
16.3.4 建立強(qiáng)大的模型 410
16.3.5 替換信息 414
16.3.6 項(xiàng)目16-1：驗(yàn)證一個(gè)網(wǎng)站地址 416
16.4 小甜餅（Cookies） 416
16.4.1 建立一個(gè)cookie 417
16.4.2 讀cookie 419
16.4.3 項(xiàng)目16-2：記憶一個(gè)名稱 422
16.5 小測(cè)驗(yàn) 423
第17章 更多先進(jìn)技術(shù)的介紹 425
17.1 圖像 426
17.1.1 預(yù)下載 426
17.1.2 滾動(dòng)效果 428
17.1.3 項(xiàng)目17-1：建立一個(gè)圖像導(dǎo)航系統(tǒng) 441
17.2 DHTML簡(jiǎn)介 441
17.2.1 層疊式頁面 442
17.2.2 移動(dòng)元素 446
17.2.3 緩慢移動(dòng)對(duì)象 449
17.3 JavaScript的安全性 451
17.3.1 安全性和腳本簽名 451
17.3.2 網(wǎng)頁保護(hù) 451
17.3.3 項(xiàng)目17-2：使用DHTML緩慢移動(dòng)對(duì)象 452
17.4 小測(cè)驗(yàn) 453
附錄 小測(cè)驗(yàn)答案 455