JavaScript設(shè)計(jì)與開(kāi)發(fā)新思維

目　錄
第1部分　入門(mén)　1
第1章　(重新)介紹JavaScript　2
1.1　什么是JavaScript　4
1.2　JavaScript的歷史　6
1.2.1　間或有些丑陋的歷史　6
1.2.2　Ajax重臨　7
1.2.3　瀏覽器改進(jìn)　11
1.2.4　框架的興起　12
1.3　JavaScript不是什么　14
1.4　JavaScript和其他常見(jiàn)技術(shù)的比較　14
1.5　為什么說(shuō)JavaScript是一種好語(yǔ)言　17
1.6　JavaScript版本和瀏覽器支持　18
1.7　JavaScript編程目標(biāo)　20
1.8　小結(jié)　21
第2章　JavaScript實(shí)戰(zhàn)　23
2.1　選擇DOCTYPE　25
2.2　HTML5入門(mén)　27
2.2.1　一個(gè)HTML5模板　27
2.2.2　HTML5表單元素　29
2.3　為HTML添加JavaScript　32
2.4　關(guān)鍵的開(kāi)發(fā)方法　34
2.4.1　功能退化　34
2.4.2　漸進(jìn)增強(qiáng)　35
2.4.3　無(wú)干擾的JavaScript　37
2.5　拼湊一些代碼　38
2.5.1　開(kāi)發(fā)基本功能　38
2.5.2　添加JavaScript層次　39
2.5.3　處理事件　40
2.5.4　執(zhí)行驗(yàn)證　43
2.6　竊取這段JavaScript　46
2.7　小結(jié)　47
第3章　行業(yè)工具　49
3.1　大辯論：文本編輯器還是IDE？　51
3.1.1　共有特性　51
3.1.2　兩者的比較　54
3.1.3　一些文本編輯器　56
3.1.4　幾種IDE　57
3.2　瀏覽器：你的朋友，你的敵人　58
3.2.1　Google公司的Chrome　59
3.2.2　Mozilla公司的Firefox　60
3.2.3　微軟公司的Internet Explorer　61
3.2.4　Opera　62
3.2.5　蘋(píng)果公司的Safari　62
3.3　在多個(gè)瀏覽器上測(cè)試　64
3.4　測(cè)試JavaScript　65
3.5　錯(cuò)誤和調(diào)試　67
3.5.1　錯(cuò)誤類(lèi)型　68
3.5.2　常見(jiàn)錯(cuò)誤起因　69
3.5.3　調(diào)試技術(shù)　70
3.5.4　使用Firebug　72
3.6　在線(xiàn)資源　76
3.7　小結(jié)　77
第2部分　JavaScript基礎(chǔ)　79
第4章　簡(jiǎn)單變量類(lèi)型　80
4.1　變量基礎(chǔ)知識(shí)　82
4.1.1　變量聲明　82
4.1.2　變量名　84
4.1.3　賦值　85
4.1.4　簡(jiǎn)單值類(lèi)型　85
4.2　使用數(shù)字　86
4.2.1　算術(shù)運(yùn)算符　87
4.2.2　創(chuàng)建計(jì)算器　89
4.2.3　格式化數(shù)字　93
4.2.4　Math對(duì)象　95
4.3　使用字符串　97
4.3.1　創(chuàng)建字符串　98
4.3.2　字符串拆分　98
4.3.3　操縱字符串　103
4.3.4　轉(zhuǎn)義序列　106
4.4　完成類(lèi)型轉(zhuǎn)換　106
4.5　復(fù)習(xí)與提高　109
4.5.1　復(fù)習(xí)　109
4.5.2　提高　110
4.6　小結(jié)　110
第5章　使用控制結(jié)構(gòu)　112
5.1　條件語(yǔ)句的基礎(chǔ)知識(shí)　114
5.1.1　if條件語(yǔ)句　114
5.1.2　什么是真　115
5.1.3　比較運(yùn)算符　116
5.1.4　邏輯運(yùn)算符　119
5.1.5　匯總　120
5.2　更多的條件語(yǔ)句　121
5.2.1　if-else條件語(yǔ)句　122
5.2.2　if-else if條件語(yǔ)句　122
5.2.3　switch條件語(yǔ)句　124
5.2.4　神秘的條件語(yǔ)句　129
5.3　更復(fù)雜的條件　130
5.3.1　數(shù)值比較　131
5.3.2　字符串比較　132
5.3.3　typeof運(yùn)算符　135
5.4　循環(huán)基礎(chǔ)知識(shí)　136
5.4.1　for循環(huán)　137
5.4.2　while循環(huán)　141
5.5　復(fù)習(xí)和提高　142
5.5.1　復(fù)習(xí)　142
5.5.2　提高　142
5.6　小結(jié)　143
第6章　復(fù)雜變量類(lèi)型　144
6.1　生成日期和時(shí)間　146
6.1.1　創(chuàng)建日期　146
6.1.2　日期方法　149
6.1.3　使用時(shí)區(qū)　152
6.1.4　更改日期　153
6.1.5　日期運(yùn)算　154
6.2　使用數(shù)組　161
6.2.1　創(chuàng)建數(shù)組　161
6.2.2　訪問(wèn)數(shù)組元素　163
6.2.3　訪問(wèn)所有數(shù)組元素　168
6.2.4　刪除數(shù)組元素　169
6.2.5　數(shù)組方法　170
6.2.6　在字符串和數(shù)組之間轉(zhuǎn)換　175
6.3　使用對(duì)象　176
6.3.1　創(chuàng)建對(duì)象　176
6.3.2　訪問(wèn)對(duì)象屬性　177
6.3.3　訪問(wèn)所有對(duì)象屬性　179
6.3.4　刪除對(duì)象屬性　180
6.4　數(shù)組與對(duì)象的比較　183
6.5　復(fù)習(xí)和提高　184
6.5.1　復(fù)習(xí)　184
6.5.2　提高　184
6.6　小結(jié)　185
第7章　創(chuàng)建函數(shù)　186
7.1　基礎(chǔ)知識(shí)　188
7.1.1　定義你自己的函數(shù)　188
7.1.2　向函數(shù)傳遞值　189
7.1.3　驗(yàn)證函數(shù)參數(shù)　191
7.1.4　參數(shù)值傳遞方式　194
7.1.5　從函數(shù)返回值　197
7.1.6　理解變量作用域　201
7.2　作為對(duì)象的函數(shù)　205
7.2.1　作為變量值的函數(shù)　206
7.2.2　作為參數(shù)值的函數(shù)　207
7.2.3　匯總　209
7.3　更有趣的內(nèi)容　213
7.3.1　上下文和this對(duì)象　213
7.3.2　匿名函數(shù)　216
7.3.3　嵌套函數(shù)　217
7.3.4　執(zhí)行遞歸　219
7.4　復(fù)習(xí)和提高　221
7.4.1　復(fù)習(xí)　221
7.4.2　提高　221
7.5　小結(jié)　222
第8章　事件處理　223
8.1　事件處理的基礎(chǔ)　225
8.2　創(chuàng)建事件監(jiān)聽(tīng)器　225
8.2.1　(不要使用)嵌入式事件處理器　226
8.2.2　傳統(tǒng)事件處理　226
8.2.3　W3C事件處理　228
8.2.4　IE瀏覽器事件處理　229
8.2.5　創(chuàng)建一個(gè)事件分配器　229
8.3　創(chuàng)建一個(gè)實(shí)用程序庫(kù)　230
8.4　事件類(lèi)型　233
8.4.1　輸入設(shè)備事件　233
8.4.2　鍵盤(pán)事件　236
8.4.3　瀏覽器事件　239
8.4.4　表單事件　240
8.5　事件可訪問(wèn)性　241
8.6　事件和漸進(jìn)增強(qiáng)　242
8.7　高級(jí)事件處理　243
8.7.1　引用事件　244
8.7.2　事件屬性　245
8.7.3　檢查按鍵　248
8.7.4　阻止默認(rèn)事件行為　250
8.7.5　事件的兩個(gè)階段　253
8.7.6　委派事件處理　255
8.8　復(fù)習(xí)和提高　255
8.8.1　復(fù)習(xí)　255
8.8.2　提高　256
8.9　小結(jié)　256
第9章　JavaScript與瀏覽器　258
9.1　使用對(duì)話(huà)窗口　260
9.1.1　警告對(duì)話(huà)框　260
9.1.2　確認(rèn)對(duì)話(huà)框　261
9.1.3　提示對(duì)話(huà)框　261
9.1.4　自定義對(duì)話(huà)框　262
9.2　處理窗口　262
9.2.1　window全局對(duì)象　263
9.2.2　操縱窗口的大小和位置　264
9.2.3　屏幕屬性　266
9.2.4　創(chuàng)建新窗口　266
9.2.5　自定義彈出窗口　267
9.2.6　改變焦點(diǎn)　268
9.2.7　可訪問(wèn)解決方案　269
9.2.8　窗口之間的通信　271
9.2.9　處理瀏覽器歷史　273
9.2.10　重定向?yàn)g覽器　274
9.2.11　創(chuàng)建具有表現(xiàn)力的URL　276
9.2.12　打印本頁(yè)　278
9.2.13　文檔對(duì)象　278
9.3　操縱DOM　279
9.3.1　DOM基礎(chǔ)　279
9.3.2　DOM快捷方式　281
9.3.3　使用DOM操縱　282
9.3.4　DOM方法　283
9.3.5　CSS選擇符　284
9.3.6　修改元素　285
9.3.7　創(chuàng)建元素　287
9.4　JavaScript與CSS　291
9.4.1　引用單獨(dú)的樣式　291
9.4.2　隱藏和顯示元素　292
9.4.3　創(chuàng)建模態(tài)窗口　293
9.4.4　引用樣式表　297
9.5　使用Cookie　298
9.5.1　創(chuàng)建Cookie　299
9.5.2　讀取Cookie　300
9.5.3　刪除Cookie　301
9.5.4　創(chuàng)建一個(gè)Cookie程序庫(kù)　301
9.5.5　使用Cookie程序庫(kù)　303
9.6　使用定時(shí)器　307
9.7　復(fù)習(xí)與提高　309
9.7.1　復(fù)習(xí)　310
9.7.2　提高　310
9.8　小結(jié)　311
第10章　處理表單　313
10.1　表單一般考慮事項(xiàng)　315
10.1.1　創(chuàng)建錯(cuò)誤信息　316
10.1.2　創(chuàng)建工具提示　319
10.1.3　禁用提交按鈕　321
10.2　文本輸入域和文本區(qū)域　322
10.2.1　文本輸入域和文本區(qū)域基礎(chǔ)知識(shí)　322
10.2.2　實(shí)現(xiàn)自動(dòng)完成　323
10.3　選擇菜單　324
10.3.1　驗(yàn)證選擇菜單　324
10.3.2　創(chuàng)建動(dòng)態(tài)選擇框　325
10.4　復(fù)選框　329
10.5　單選按鈕　332
10.6　處理文件上傳　333
10.7　正則表達(dá)式　335
10.7.1　什么是正則表達(dá)式　335
10.7.2　創(chuàng)建一個(gè)正則表達(dá)式　336
10.7.3　正則表達(dá)式函數(shù)　336
10.7.4　定義簡(jiǎn)單的模式　338
10.7.5　使用限定符　340
10.7.6　使用字符類(lèi)　342
10.8　匯總　344
10.9　復(fù)習(xí)與提高　349
10.9.1　復(fù)習(xí)　349
10.9.2　提高　350
10.10　小結(jié)　351
第11章　Ajax　352
11.1　Ajax基礎(chǔ)知識(shí)　354
11.1.1　理解Ajax　354
11.1.2　創(chuàng)建一個(gè)Ajax對(duì)象　354
11.1.3　指定結(jié)果處理器　356
11.1.4　發(fā)出請(qǐng)求　356
11.1.5　處理服務(wù)器響應(yīng)　358
11.1.6　發(fā)送數(shù)據(jù)　362
11.1.7　基本調(diào)試　364
11.2　處理其他數(shù)據(jù)　367
11.2.1　XML　367
11.2.2　JSON　368
11.3　服務(wù)器端腳本　371
11.3.1　返回普通文本　371
11.3.2　返回XML　372
11.3.3　返回JSON　373
11.4　Ajax示例　374
11.4.1　顯示進(jìn)度　374
11.4.2　完成第2章中的登錄示例　376
11.4.3　創(chuàng)建一個(gè)Ajax聯(lián)絡(luò)表單　378
11.4.4　預(yù)加載數(shù)據(jù)　381
11.4.5　使用定時(shí)器的股票報(bào)價(jià)　385
11.5　復(fù)習(xí)與提高　388
11.5.1　復(fù)習(xí)　388
11.5.2　提高　389
11.6　小結(jié)　389
第3部分　后續(xù)步驟　391
第12章　錯(cuò)誤管理　392
12.1　捕捉和拋出錯(cuò)誤　394
12.1.1　捕捉錯(cuò)誤　394
12.1.2　finally子句　395
12.1.3　拋出異?！?96
12.1.4　匯總　397
12.2　使用斷言　398
12.2.1　創(chuàng)建斷言函數(shù)　398
12.2.2　Firebug中的斷言　400
12.3　單元測(cè)試　400
12.3.1　安裝jsUnity　401
12.3.2　定義測(cè)試　401
12.3.3　運(yùn)行測(cè)試　402
12.3.4　記錄結(jié)果　402
12.3.5　建立和拆除　403
12.3.6　匯總　403
12.4　復(fù)習(xí)與提高　406
12.4.1　復(fù)習(xí)　406
12.4.2　提高　406
12.5　小結(jié)　407
第13章　框架　408
13.1　選擇框架　410
13.2　jQuery簡(jiǎn)介　411
13.2.1　jQuery入門(mén)　412
13.2.2　選擇元素　413
13.2.3　操縱元素　414
13.2.4　DOM操縱　415
13.2.5　處理事件　416
13.2.6　創(chuàng)建特效　417
13.2.7　實(shí)施Ajax操作　418
13.2.8　jQuery插件　419
13.3　YUI簡(jiǎn)介　424
13.3.1　YUI入門(mén)　425
13.3.2　選擇元素　426
13.3.3　操縱元素　427
13.3.4　DOM操縱　428
13.3.5　處理事件　429
13.3.6　創(chuàng)建特效　429
13.3.7　執(zhí)行Ajax　429
13.3.8　使用小部件和工具　431
13.4　庫(kù)　436
13.5　復(fù)習(xí)與提高　437
13.5.1　復(fù)習(xí)　437
13.5.2　提高　438
13.6　小結(jié)　439
第14章　高級(jí)JavaScript　440
14.1　定義命名空間　442
14.2　創(chuàng)建自定義對(duì)象　443
14.2.1　創(chuàng)建單個(gè)自定義對(duì)象　443
14.2.2　創(chuàng)建自定義對(duì)象的多個(gè)實(shí)例　444
14.2.3　更完整的自定義對(duì)象　446
14.2.4　匯總　446
14.3　理解原型　449
14.3.1　原型化繼承　449
14.3.2　添加原型方法　450
14.4　使用閉包　452
14.5　備選類(lèi)型標(biāo)識(shí)　456
14.6　精簡(jiǎn)代碼　458
14.7　復(fù)習(xí)與提高　459
14.7.1　復(fù)習(xí)　459
14.7.2　提高　460
14.8　小結(jié)　460
第15章　PHP和JavaScript的結(jié)合　462
15.1　確定目標(biāo)　464
15.2　創(chuàng)建數(shù)據(jù)庫(kù)　465
15.3　建立網(wǎng)站　467
15.4　編寫(xiě)非JavaScript版本　468
15.4.1　列出拍賣(mài)　469
15.4.2　登錄　471
15.4.3　查看單個(gè)拍賣(mài)　472
15.5　創(chuàng)建Ajax資源　476
15.5.1　登錄Ajax腳本　477
15.5.2　用于出價(jià)的Ajax腳本　477
15.5.3　獲取出價(jià)的Ajax腳本　478
15.6　添加JavaScript　479
15.6.1　編寫(xiě)login.js　479
15.6.2　在View.php中編寫(xiě)JavaScript　483
15.6.3　編寫(xiě)view.js　485
15.7　完成示例　493
15.8　復(fù)習(xí)與提高　494
15.8.1　復(fù)習(xí)　494
15.8.2　提高　494
15.9　小結(jié)　495