JavaScript完全解析

第1章 Web的三層結(jié)構(gòu) 1
1.1 頁面分離 2
1.2 三層結(jié)構(gòu) 3
1.2.1 用HTML設(shè)置內(nèi)容 4
1.2.2 用CSS描述頁面展現(xiàn)效果 6
1.2.3 用JavaScript實(shí)現(xiàn)行為 7
1.3 正確的方法 7
1.4 JavaScript程序庫 8
1.5 讓我們開始吧 9
第2章 JavaScript編程 10
2.1 運(yùn)行JavaScript程序 10
2.2 語句：給瀏覽器看的最小程序塊 13
2.3 注釋：給程序員看的最小程序塊 13
2.4 變量：為程序存儲(chǔ)數(shù)據(jù) 14
2.5 條件和循環(huán)：控制程序流 23
2.5.1 條件：做出選擇 24
2.5.2 循環(huán)：使重復(fù)代碼最少化 29
2.6 函數(shù)：編寫后續(xù)將使用的代碼 33
2.6.1 參數(shù)：向函數(shù)傳遞數(shù)據(jù) 33
2.6.2 返回語句：函數(shù)的數(shù)據(jù)輸出 35
2.6.3 作用域：保持變量相互獨(dú)立 36
2.7 對(duì)象 37
2.8 實(shí)際應(yīng)用中的低調(diào)腳本 39
2.9 小結(jié) 40
第3章 文檔訪問 41
3.1 文檔對(duì)象模型：對(duì)HTML的映射 41
3.1.1 文本節(jié)點(diǎn) 43
3.1.2 屬性節(jié)點(diǎn) 44
3.2 訪問所需的節(jié)點(diǎn) 45
3.2.1 通過ID屬性查找元素 45
3.2.2 通過標(biāo)簽名稱查找元素 47
3.2.3 通過類名查找元素 50
3.2.4 遍歷DOM樹 53
3.2.5 操作元素屬性 56
3.3 更改樣式 57
3.4 實(shí)例：建立帶底紋的表格 62
3.4.1 查找所有類名為dataTable的表格 63
3.4.2 獲取每個(gè)表格的行 63
3.4.3 為偶數(shù)行添加類alt 65
3.4.4 合并全部代碼 65
3.5 程序庫簡(jiǎn)介 67
3.5.1 Prototype程序庫 67
3.5.2 jQuery程序庫 68
3.5.3 Dojo程序庫 69
3.6 小結(jié) 70
第4章 事件 71
4.1 重要的歷史 71
4.2 事件句柄 72
4.2.1 默認(rèn)操作 75
4.2.2 this關(guān)鍵字 76
4.2.3 事件句柄中存在的問題 78
4.3 事件監(jiān)聽器 79
4.3.1 默認(rèn)行為 81
4.3.2 事件傳送 83
4.3.3 this關(guān)鍵字 86
4.3.4 IE的內(nèi)存泄漏問題 88
4.3.5 合并全部代碼 88
4.4 實(shí)例：富提示條 90
4.4.1 靜態(tài)頁面 91
4.4.2 生成提示條 91
4.4.3 核心方法 93
4.4.4 動(dòng)態(tài)樣式 96
4.4.5 合并全部代碼 97
4.5 實(shí)例：折疊菜單 98
4.5.1 靜態(tài)頁面 99
4.5.2 核心方法 100
4.5.3 動(dòng)態(tài)樣式 102
4.5.4 合并全部代碼 103
4.6 程序庫簡(jiǎn)介 109
4.7 小結(jié) 110
第5章 動(dòng)畫 111
5.1 動(dòng)畫原理 111
5.2 用JavaScript控制時(shí)間 112
5.2.1 在setTimeout函數(shù)中使用變量 115
5.2.2 停止計(jì)時(shí)器 117
5.2.3 建立重復(fù)計(jì)時(shí)器 118
5.2.4 停止重復(fù)計(jì)時(shí)器 119
5.3 再談富提示條 119
5.4 用新風(fēng)格實(shí)現(xiàn)老式動(dòng)畫 120
5.5 基于路徑的運(yùn)動(dòng) 124
5.5.1 二維空間內(nèi)的動(dòng)畫效果 130
5.5.2 創(chuàng)建更真實(shí)的運(yùn)動(dòng)效果 132
5.5.3 進(jìn)一步學(xué)習(xí) 136
5.6 再談?wù)郫B菜單 136
5.6.1 如何為折疊菜單添加動(dòng)畫效果 136
5.6.2 代碼修改 137
5.7 程序庫簡(jiǎn)介 143
5.8 小結(jié) 145
第6章 表單增強(qiáng) 146
6.1 HTML DOM擴(kuò)展 147
6.1.1 實(shí)例：創(chuàng)建關(guān)聯(lián)的表單域 148
6.1.2 實(shí)例：級(jí)聯(lián)菜單 156
6.2 表單驗(yàn)證 165
6.2.1 截獲表單提交 166
6.2.2 正則表達(dá)式 167
6.2.3 實(shí)例：可復(fù)用的驗(yàn)證腳本 171
6.3 自定義表單控件 175
6.4 程序庫簡(jiǎn)介 186
6.4.1 表單驗(yàn)證 187
6.4.2 自定義控件 188
6.5 小結(jié) 189
第7章 錯(cuò)誤和調(diào)試 190
7.1 什么也沒有發(fā)生 191
7.2 常見錯(cuò)誤 195
7.2.1 語法錯(cuò)誤 195
7.2.2 運(yùn)行錯(cuò)誤 199
7.2.3 邏輯錯(cuò)誤 201
7.3 用Firebug調(diào)試 204
7.4 小結(jié) 209
第8章 Ajax 210
8.1 XMLHttpRequest：處理小內(nèi)容塊 210
8.1.1 創(chuàng)建XMLHttpRequest對(duì)象 211
8.1.2 訪問服務(wù)器 213
8.1.3 數(shù)據(jù)處理 216
8.2 關(guān)于屏幕閱讀器 217
8.3 Ajax實(shí)戰(zhàn) 218
8.4 基于Ajax的無縫表單提交 227
8.5 程序庫簡(jiǎn)介 234
8.5.1 Prototype 235
8.5.2 Dojo 236
8.5.3 jQuery 236
8.5.4 YUI 237
8.5.5 MooTools 237
8.6 小結(jié) 238
第9章 展望 239
9.1 使Web變得更加豐富多彩 240
9.1.1 更簡(jiǎn)單的瀏覽方式 240
9.1.2 更好的視覺效果 241
9.1.3 獨(dú)特的交互機(jī)制 242
9.2 富互聯(lián)網(wǎng)應(yīng)用 244
9.3 擺脫網(wǎng)頁的JavaScript 247
9.4 程序庫簡(jiǎn)介 248
9.4.1 Dojo 249
9.4.2 Google Web Toolkit 251
9.5 小結(jié) 251
附錄A JavaScript核心程序庫 253
A.1 對(duì)象 253
A.2 事件監(jiān)聽器方法 254
A.3 腳本啟動(dòng) 262
A.4 CSS類管理方法 264
A.5 獲取派生的樣式 265
A.6 完整的程序庫 265