征服AJAX：Web 2.0開發(fā)技術詳解

第1部分　Ajax入門
第1章　Ajax概述　3
1.1　什么是Ajax　3
1.1.1　Ajax的含義　3
1.1.2　Ajax的發(fā)展歷史　4
1.1.3　使用Ajax能做什么　4
1.2　Ajax：新的Web開發(fā)模式　7
1.2.1　傳統(tǒng)的Web開發(fā)模式　7
1.2.2　基于Ajax的開發(fā)模式　9
1.2.3　兩種開發(fā)模式的比較　9
1.3　Ajax中的關鍵技術　11
1.3.1　JavaScript腳本語言　11
1.3.2　XMLHttpRequest對象　11
1.3.3　可擴展標記語言(XML)　12
1.3.4　文檔對象模型(DOM)　12
1.3.5　級聯(lián)樣式表技術(CSS)　12
1.4　使用Ajax帶來的問題　13
1.4.1　用戶瀏覽習慣改變帶來的問題　14
1.4.2　對搜索引擎的不友好　14
1.4.3　前進后退按鈕的失效　14
1.4.4　刷新定位問題　16
1.4.5　性能問題　16
1.4.6　開發(fā)難度的加大　16
第2章　創(chuàng)建第一個Ajax應用：留言板　18
2.1　環(huán)境設置、需求分析及數(shù)據(jù)庫設計　18
2.1.1　環(huán)境設置　18
2.1.2　留言板的需求分析　20
2.1.3　數(shù)據(jù)庫設計　21
2.2　使用傳統(tǒng)的Web開發(fā)方式　21
2.2.1　設計留言顯示頁面　21
2.2.2　設計留言提交頁面　23
2.2.3　服務器端程序設計　24
2.3　使用Ajax實現(xiàn)留言板　26
2.3.1　一個頁面就是一個程序　27
2.3.2　客戶端頁面設計　27
2.3.3　服務器端程序設計　27
2.3.4　使用XMLHttpRequest將數(shù)據(jù)提交到服務器　29
2.3.5　處理服務器返回的信息　31
2.3.6　將留言內(nèi)容立刻顯示在頁面　31
第2部分　JavaScript精講
第3章　JavaScript語言基礎　39
3.1　JavaScript概述　39
3.1.1　JavaScript簡介　39
3.1.2　JavaScript版本介紹　39
3.1.3　JavaScript在Ajax中的作用　40
3.2　JavaScript編輯和調(diào)試工具　42
3.2.1　用什么編寫JavaScript程序　42
3.2.2　使用瀏覽器調(diào)試JavaScript程序　42
3.2.3　使用Venkman調(diào)試JavaScript程序　44
3.3　如何在HTML中工作　45
3.3.1　<script>標記：標識語言類型　45
3.3.2　使用外部JavaScript文件　46
3.3.3　嵌入HTML標記的JavaScript代碼　47
3.4　建立JavaScript表達式　47
3.4.1　變量　47
3.4.2　常量　48
3.4.3　數(shù)據(jù)類型　49
3.4.4　數(shù)據(jù)類型的轉(zhuǎn)換　51
3.4.5　JavaScript的語句結構　53
3.4.6　可選的分號　54
3.4.7　加入注釋　55
3.4.8　建立賦值表達式　56
3.4.9　建立數(shù)字表達式　56
3.4.10　使用字符串表達式　57
3.4.11　使用比較表達式　58
3.4.12　使用邏輯表達式　60
3.4.13　使用逗號(,)表達式　62
3.4.14　理解操作符的優(yōu)先級　62
第4章　流程控制和函數(shù)　64
4.1　代碼流程控制：條件語句和循環(huán)語句　64
4.1.1　使用if語句進行條件判斷　64
4.1.2　使用if…else…處理條件不成立的情形　65
4.1.3　使用條件運算符(?:)　66
4.1.4　使用switch語句進行多重條件判斷　66
4.1.5　使用while循環(huán)　68
4.1.6　使用do…while循環(huán)　69
4.1.7　使用for循環(huán)　69
4.1.8　break語句：立即跳出循環(huán)的執(zhí)行　70
4.1.9　continue語句：停止當前循環(huán)進入下一次循環(huán)　71
4.2　使用函數(shù)　72
4.2.1　什么是函數(shù)　72
4.2.2　定義和調(diào)用函數(shù)　72
4.2.3　給函數(shù)傳遞參數(shù)　74
4.2.4　參數(shù)的值傳遞和引用傳遞　75
4.2.5　使用return語句從函數(shù)返回值　76
4.2.6　變量的作用范圍：局部變量和全局變量　77
4.2.7　使用遞歸函數(shù)　78
4.3　使用JavaScript內(nèi)部函數(shù)　79
4.3.1　什么是內(nèi)部函數(shù)　79
4.3.2　使用eval函數(shù)來執(zhí)行JavaScript代碼　79
4.3.3　使用parseInt和parseFloat函數(shù)將字符串轉(zhuǎn)換為數(shù)字　80
4.3.4　使用escape和unescape函數(shù)進行URL編碼和解碼　81
4.3.5　使用isNaN和isFinite函數(shù)判斷數(shù)字的類型　81
第5章　對象和表單　82
5.1　對象概述　82
5.2　處理日期和時間：Date對象　82
5.2.1　創(chuàng)建一個日期對象　82
5.2.2　從Date對象中提取信息　83
5.2.3　設置日期對象的值　85
5.2.4　進行日期計算　85
5.2.5　其他Date對象的方法　86
5.3　進行數(shù)學運算：Math對象　87
5.3.1　將一個小數(shù)四舍五入到指定位數(shù)　88
5.3.2　使用隨機函數(shù)Math.random()　89
5.4　使用數(shù)組：Array對象　90
5.4.1　創(chuàng)建一個數(shù)組　90
5.4.2　使用數(shù)組元素　91
5.4.3　使用多維數(shù)組　92
5.4.4　使用數(shù)組的length屬性　92
5.4.5　使用數(shù)組對象的方法　94
5.5　處理文本：String對象　95
5.5.1　確定字符串的長度　96
5.5.2　搜索和提取子字符串　96
5.5.3　替換和匹配字符串　97
5.5.4　字符串對象的其他方法　98
5.6　對象的高級應用　98
5.6.1　獲取瀏覽器信息：使用navigator對象　98
5.6.2　處理地址欄信息：location對象　100
5.6.3　控制前進和后退：使用history對象　102
5.6.4　文檔操作初步：document對象　102
5.6.5　使用with()語句簡化對象訪問　106
5.7　事件機制　107
5.7.1　什么是事件　107
5.7.2　使用HTML標記創(chuàng)建事件處理程序　107
5.7.3　使用對象的事件屬性創(chuàng)建事件處理程序　108
5.7.4　使用attachEvent和addEventListener方法綁定事件處理程序　109
5.7.5　使用event對象獲取事件信息　109
5.7.6　使用event對象的屬性　111
5.8　表單編程入門　112
5.8.1　使用form對象　112
5.8.2　引用表單域　114
5.8.3　表單域的通用屬性　114
5.8.4　表單域的通用方法　115
5.8.5　表單域的通用事件　116
5.9　使用文本域　117
5.9.1　獲取和設置文本域的內(nèi)容　118
5.9.2　使用defaultValue獲得HTML標記中的value值　118
5.9.3　使用select方法選中文本　119
5.9.4　使用onselect事件處理用戶的選中操作　119
5.10　使用按鈕類表單　119
5.10.1　使用簡單按鈕　119
5.10.2　使用復選框　119
5.10.3　使用單選按鈕　121
5.11　使用下拉列表框　121
5.11.1　使用value屬性獲取和設置下拉列表框的值　122
5.11.2　使用length屬性獲取選項的個數(shù)　122
5.11.3　使用selectedIndex屬性獲取當前選項的索引　122
5.11.4　使用options屬性獲取選項集合　122
5.11.5　使用option對象的value屬性和text屬性　123
5.11.6　使用option對象的selected屬性　123
5.11.7　使用select對象的onchange事件　123
5.11.8　為select對象添加一個選項　124
5.11.9　從select對象中刪除一個選項　124
5.11.10　清空一個select對象　124
5.11.11　替換一個選項　125
3.10.12　下拉框?qū)嵗憾壜?lián)動的下拉列表菜單　125
5.12　執(zhí)行表單驗證　127
第6章　JavaScript面向?qū)ο蟪绦蛟O計　129
6.1　JavaScript中支持面向?qū)ο蟮幕A　129
6.1.1　用定義函數(shù)的方式定義類　129
6.1.2　使用new操作符獲得一個類的實例　129
6.1.3　使用方括號([])引用對象的屬性和方法　130
6.1.4　動態(tài)添加、修改、刪除對象的屬性和方法　132
6.1.5　使用大括號({})語法創(chuàng)建無類型對象　133
6.1.6　prototype原型對象　134
6.2　深入認識JavaScript中的函數(shù)　135
6.2.1　概述　135
6.2.2　認識函數(shù)對象(Function Object)　135
6.2.3　函數(shù)對象和其他內(nèi)部對象的關系　137
6.2.4　將函數(shù)作為參數(shù)傳遞　139
6.2.5　傳遞給函數(shù)的隱含參數(shù)：arguments　139
6.2.6　函數(shù)的apply、call方法和length屬性　140
6.2.7　深入認識JavaScript中的this指針　141
6.3　類的實現(xiàn)　142
6.3.1　理解類的實現(xiàn)機制　142
6.3.2　使用prototype對象定義類成員　143
6.3.3　一種JavaScript類的設計模式　145
6.4　公有成員、私有成員和靜態(tài)成員　146
6.4.1　實現(xiàn)類的公有成員　146
6.4.2　實現(xiàn)類的私有成員　146
6.4.3　實現(xiàn)靜態(tài)成員　147
6.5　使用for(…in…)實現(xiàn)反射機制　148
6.5.1　什么是反射機制　148
6.5.2　在JavaScript中利用for(…in…)語句實現(xiàn)反射　149
6.5.3　使用反射來傳遞樣式參數(shù)　149
6.6　類的繼承　150
6.6.1　利用共享prototype實現(xiàn)繼承　150
6.6.2　利用反射機制和prototype實現(xiàn)繼承　152
6.6.3　prototype-1.3.1框架中的類繼承實現(xiàn)機制　154
6.7　實現(xiàn)抽象類　156
6.7.1　抽象類和虛函數(shù)　156
6.7.2　在JavaScript實現(xiàn)抽象類　156
6.7.3　使用抽象類的示例　157
6.8　事件設計模式　158
6.8.1　事件設計概述　158
6.8.2　最簡單的事件設計模式　158
6.8.3　給事件處理程序傳遞參數(shù)　159
6.8.4　使自定義事件支持多綁定　162
6.9　實例：使用面向?qū)ο笏枷胩幚韈ookie　163
6.9.1　需求分析　163
6.9.2　創(chuàng)建Cookie對象　163
6.9.3　實現(xiàn)設置Cookie的方法　163
6.9.4　實現(xiàn)取Cookie值的方法　164
6.9.5　實現(xiàn)刪除Cookie的方法　164
第7章　JavaScript高級技術　166
7.1　框架編程　166
7.1.1　框架編程概述　166
7.1.2　框架間的互相引用　166
7.1.3　改變框架的載入頁面　167
7.1.4　引用其他框架內(nèi)的JavaScript變量和函數(shù)　168
7.2　使用cookie　169
7.2.1　cookie概述　169
7.2.2　設置cookie　170
7.2.3　獲取cookie的值　171
7.2.4　給cookie設置終止日期　172
7.2.5　刪除cookie　173
7.2.6　指定可訪問cookie的路徑　173
7.2.7　指定可訪問cookie的主機名　173
7.2.8　綜合示例：構造通用的cookie處理函數(shù)　174
7.3　使用正則表達式　175
7.3.1　正則表達式概述　175
7.3.2　使用RegExp對象執(zhí)行字符串模式匹配　177
7.3.3　提取子字符串　178
7.3.4　和字符串相關的操作　179
7.4　使用window對象　180
7.4.1　使用window.open方法新建窗口　180
7.4.2　使用定時器實現(xiàn)JavaScript的延期執(zhí)行或重復執(zhí)行　181
7.4.3　給定時器調(diào)用傳遞參數(shù)　184
7.4.4　使用status和defaultStatus屬性改變狀態(tài)欄信息　185
7.4.5　使用alert、prompt和confirm語句與用戶進行交互　186
7.5　異常處理　187
7.5.1　異常處理概述　187
7.5.2　使用try-catch-finally處理異?！?87
7.5.3　使用throw語句拋出異?！?88
第3部分　Ajax核心技術
第8章　XMLHttpRequest對象詳解　193
8.1　概述　193
8.1.1　什么是XMLHttpRequest對象　193
8.1.2　XMLHttpRequest對象在Ajax中的作用　193
8.2　使用XMLHttpRequest對象和服務器進行通信　194
8.2.1　創(chuàng)建XMLHttpRequest對象　194
8.2.2　使用open方法創(chuàng)建一個請求　195
8.2.3　使用send方法發(fā)送一個請求　196
8.2.4　使用onreadystatechange事件捕獲請求的狀態(tài)變化　196
8.2.5　使用readyState屬性判斷請求狀態(tài)　196
8.2.6　使用status屬性判斷請求的結果　197
8.2.7　使用responseText獲得返回的文本　198
8.2.8　使用responseXML屬性獲取XML文檔　199
8.2.9　使用abort方法取消一個請求　200
8.2.10　XMLHttpRequest對象的其他屬性和方法　201
8.3　XMLHttpRequest對象使用示例　201
8.3.1　用get方法檢測用戶名是否存在　201
8.3.2　使用post方法向服務器提交數(shù)據(jù)　203
8.3.3　實現(xiàn)服務器相關的二級聯(lián)動菜單　204
第9章　Ajax的基礎架構：DOM模型　210
9.1　概述　210
9.1.1　什么是DOM模型　210
9.1.2　DOM模型的組成部分　211
9.1.3　DOM模型在Ajax開發(fā)中的作用　211
9.1.4　DOM模型的發(fā)展　211
9.1.5　DOM模型和DHTML的關系　211
9.1.6　小結　212
9.2　DOM結構模型　212
9.2.1　理解DOM中的文檔層次結構　212
9.2.2　結點的概念　212
9.2.3　結點的類型　213
9.3　處理DOM中的結點　213
9.3.1　直接引用結點　213
9.3.2　間接引用結點　214
9.3.3　獲取結點信息　215
9.3.4　處理屬性結點　216
9.3.5　處理文本結點　217
9.3.6　因瀏覽器而異的空白結點　218
9.3.7　使用innerHTML改變結點的內(nèi)容　219
9.4　改變文檔的層次結構　220
9.4.1　使用document.createElement方法創(chuàng)建元素結點　220
9.4.2　使用document.createTextNode方法創(chuàng)建文本結點　220
9.4.3　使用appendChild方法添加結點　220
9.4.4　使用insertBefore方法插入子結點　221
9.4.5　使用replaceChild方法取代子結點　222
9.4.6　使用cloneNode方法復制結點　223
9.4.7　使用removeChild方法刪除子結點　223
9.5　表格操作　224
9.5.1　表格操作概述　224
9.5.2　DOM1(DHTML)中表格對象的結構　226
9.5.3　創(chuàng)建一個表格對象　226
9.5.4　添加一行　226
9.5.5　添加單元格　226
9.5.6　引用單元格　228
9.5.7　使用單元格對象　228
9.5.8　刪除行和單元格　228
9.5.9　交換兩行的位置　230
9.5.10　交換兩個單元格的位置　233
9.5.11　生成表格的其他方法　234
第10章　控制外觀：CSS入門　235
10.1　CSS概述　235
10.1.1　什么是CSS　235
10.1.2　使用CSS的優(yōu)點　235
10.1.3　CSS在Ajax開發(fā)中的作用　236
10.2　使用CSS控制頁面表現(xiàn)　238
10.2.1　CSS的樣式　238
10.2.2　CSS基本語法　240
10.2.3　使用標記選擇器　240
10.2.4　使用類型選擇器　241
10.2.5　使用id選擇器　242
10.2.6　使用層次選擇器　243
10.2.7　繼承　244
10.2.8　樣式應用就近原則　244
10.2.9　認識CSS中的盒模型　246
10.2.10　設計合理的CSS結構　247
10.3　使用JavaScript控制CSS　247
10.3.1　通過style對象改變結點的CSS　247
10.3.2　使用className屬性指定結點樣式　248
10.4　使用IE Only的CSS濾鏡　249
10.4.1　CSS濾鏡概述　249
10.4.2　使用界面濾鏡　250
10.4.3　靜態(tài)濾鏡　254
10.4.4　動態(tài)濾鏡　258
10.4.5　使用JavaScript控制CSS濾鏡　261
第11章　Ajax標準通信載體--XML語言　263
11.1　XML概述　263
11.1.1　一個簡單的XML實例　263
11.1.2　XML的基本概念　264
11.1.3　XML在Ajax中的作用　265
11.2　使用Javascript操作XML　265
11.2.1　MSXML介紹　265
11.2.2　在IE瀏覽器中創(chuàng)建XML片段　266
11.2.3　在IE瀏覽器中解析XML文本　267
11.2.4　使用Mozilla瀏覽器支持的DOM模型創(chuàng)建XML片段　268
11.2.5　使用Mozilla瀏覽器支持的DOM模型解析XML片段　269
11.2.6　基于Javascript的XML解析程序　270
11.3　其他通信模式　271
11.3.1　使用XML的問題　271
11.3.2　使用純文本　271
11.3.3　使用HTML片段　271
11.3.4　使用JSON　272
第12章　服務器端編程　277
12.1　服務器端程序在Ajax中的角色　277
12.1.1　理解Ajax中的服務器端編程模式　277
12.1.2　Ajax中服務器端程序設計的特點　277
12.1.3　參數(shù)傳遞方式　278
12.1.4　接口設計模式　278
12.2　常用服務器端編程技術介紹　280
12.2.1　JSP語言介紹　280
12.2.2　PHP語言介紹　281
12.2.3　ASP.NET介紹　281
12.3　實現(xiàn)Ajax翻頁效果　282
12.3.1　翻頁　282
12.3.2　系統(tǒng)描述　282
12.3.3　客戶端設計：頁面結構　282
12.3.4　客戶端設計：頁面外觀　283
12.3.5　客戶端設計：設計Ajax邏輯　283
12.3.6　客戶端設計：分頁按鈕　284
12.3.7　服務器端設計：通過ASP.NET控件直接得到HTML代碼　285
12.3.8　服務器端設計：設計通用的分頁標簽生成器　285
12.3.9　服務器端設計：處理用戶的查詢　286
12.3.10　最終效果　290
第13章　Ajax中的常見問題及解決方案　292
13.1　跨瀏覽器問題　292
13.1.1　JavaScript中錯誤信息的顯示　292
13.1.2　JavaScript中的eval函數(shù)能否使用apply方法　293
13.1.3　DOM中使用getElementById獲取指定id結點的引用　295
13.1.4　DOM中的事件綁定語法　295
13.1.5　DOM中事件順序模型的不同　296
13.1.6　CSS中使用!important提高屬性優(yōu)先級　298
13.1.7　在CSS中使用IE瀏覽器不支持的屬性實現(xiàn)瀏覽器選擇性　299
13.1.8　在CSS中使用反斜杠注釋屏蔽IE5-Mac　299
13.2　解決導航問題　300
13.2.1　導航問題的由來　300
13.2.2　利用URL存儲狀態(tài)信息　300
13.2.3　利用Hash參數(shù)解決刷新問題　301
13.2.4　解決瀏覽器的【前進】【后退】按鈕失效問題　305
13.3　搜索引擎問題　312
13.3.1　Ajax程序不易被搜索引擎檢索到　312
13.3.2　使用冗余地址思路解決搜索引擎問題　313
13.4　安全問題　313
13.4.1　服務器端始終要作有效性驗證　313
13.4.2　避免拒絕服務攻擊(DoS攻擊)　315
13.4.3　其他安全問題　315
13.5　性能問題　316
13.5.1　衡量JavaScript代碼的運行事件　316
13.5.2　因瀏覽器而異的字符串連接操作　316
13.5.3　按需載入JavaScript代碼　318
13.5.4　壓縮JavaScript代碼　319
第4部分　典型應用
第14章　動態(tài)獲取數(shù)據(jù)的樹狀菜單　323
14.1　樹狀菜單概述　323
14.1.1　什么是樹狀菜單　323
14.1.2　使用無序列表標記(ul)　324
14.1.3　使用CSS控制外觀　324
14.1.4　展開和折疊涉及的關鍵技術　326
14.2　實現(xiàn)樹狀菜單的兩種方式　326
14.2.1　完全在客戶端實現(xiàn)　326
14.2.2　完全由服務器端實現(xiàn)　327
14.2.3　基于Ajax的實現(xiàn)　328
14.3　設計樹狀菜單的數(shù)據(jù)結構　328
14.3.1　設計樹結點接口類　328
14.3.2　實現(xiàn)樹結構的數(shù)據(jù)庫設計　329
14.3.3　最終樹結構實現(xiàn)類　330
14.3.4　服務端的數(shù)據(jù)處理　333
14.3.5　靜態(tài)樹狀菜單的實現(xiàn)　334
14.4　動態(tài)獲取數(shù)據(jù)的樹狀菜單　337
14.4.1　什么時候需要動態(tài)獲取數(shù)據(jù)　337
14.4.2　服務器端的代碼設計　337
14.4.3　創(chuàng)建獲取數(shù)據(jù)的方法　339
14.4.4　處理取回數(shù)據(jù)的方法　340
14.4.5　服務器端的請求處理方法　341
第15章　RSS閱讀器　343
15.1　RSS概述　344
15.1.1　什么是RSS　344
15.1.2　一個簡單的RSS 2.0示例　345
15.1.3　<channel>元素說明　346
15.1.4　<item>元素說明　347
15.2　閱讀RSS模塊程序設計　347
15.2.1　客戶端原理分析　347
15.2.2　客戶端代碼設計　347
15.2.3　創(chuàng)建RSSReader類　350
15.2.4　服務器端代碼設計　353
15.2.5　創(chuàng)建LoadRSS類　355
15.3　添加RSS模塊程序設計　358
15.3.1　客戶端原理分析　358
15.3.2　客戶端代碼設計　358
15.3.3　服務器端代碼設計　360
15.3.4　數(shù)據(jù)庫設計　361
第16章　搜索提示(Suggest)　365
16.1　搜索提示概述　365
16.1.1　Google Suggest介紹　365
16.1.2　搜索提示所帶來的好處　366
16.1.3　基本原理分析　366
16.2　客戶端代碼　367
16.2.1　客戶端原理分析　367
16.2.2　創(chuàng)建請求　368
16.2.3　處理返回數(shù)據(jù)　369
16.3　服務器端代碼　370
16.3.1　服務器端原理分析　370
16.3.2　處理服務請求　371
16.3.3　數(shù)據(jù)庫設計　372
第17章　基于Ajax的相冊　374
17.1　基本原理分析　374
17.1.1　界面設計分析　374
17.1.2　CSS設計分析　375
17.1.3　圖片放大原理分析　378
17.1.4　動態(tài)更換皮膚　379
17.2　Ajax程序設計　380
17.2.1　原理分析　380
17.2.2　創(chuàng)建XMLHttpRequest對象　380
17.2.3　發(fā)送請求　381
17.2.4　處理返回數(shù)據(jù)　382
17.3　服務器端程序設計　383
17.3.1　處理服務請求　383
17.3.2　創(chuàng)建實體訪問類　385
17.3.3　數(shù)據(jù)庫設計　386
第18章　基于Ajax的聊天室程序　389
18.1　聊天室概述　390
18.1.1　聊天室程序所需要解決的問題　390
18.1.2　傳統(tǒng)聊天室的缺點　390
18.1.3　使用Ajax技術的好處　391
18.1.4　基本原理分析　391
18.2　數(shù)據(jù)庫設計　392
18.2.1　數(shù)據(jù)庫設計基本原理　392
18.2.2　數(shù)據(jù)表設計　392
18.2.3　創(chuàng)建表所對應的實體類　393
18.3　客戶端程序設計　395
18.3.1　基本原理分析　395
18.3.2　選擇聊天室頁面　396
18.3.3　聊天室主頁面　398
18.3.4　調(diào)用初始化方法　401
18.3.5　獲得消息數(shù)據(jù)處理　402
18.3.6　發(fā)送消息數(shù)據(jù)處理　403
18.4　服務器端程序設計　404
18.4.1　刷新時獲得消息請求的處理　404
18.4.2　發(fā)送消息請求的處理　407
18.4.3　數(shù)據(jù)庫連接工具類　408
第19章　拖拽方式定制個性化主頁　411
19.1　系統(tǒng)概述　411
19.1.1　系統(tǒng)目標：模仿Google ig　411
19.1.2　系統(tǒng)預覽　412
19.1.3　系統(tǒng)構架　412
19.2　用戶登錄模塊　414
19.2.1　原理分析　414
19.2.2　客戶端代碼　415
19.2.3　處理服務請求　416
19.2.4　服務器端代碼　417
19.2.5　連接數(shù)據(jù)庫　423
19.3　小窗口初始化模塊　425
19.3.1　原理分析　425
19.3.2　數(shù)據(jù)庫設計　426
19.3.3　訪問數(shù)據(jù)庫的實體類　426
19.3.4　父類代碼的實現(xiàn)　429
19.3.5　創(chuàng)建歡迎小窗口　430
19.3.6　創(chuàng)建新聞RSS小窗口　431
19.3.7　創(chuàng)建書簽小窗口　432
19.4　個性化主頁模塊　433
19.4.1　布局顯示原理分析　433
19.4.2　數(shù)據(jù)庫設計　433
19.4.3　創(chuàng)建訪問數(shù)據(jù)庫實體類　435
19.4.4　客戶端代碼　439
19.4.5　布局設置原理分析　441
19.4.6　關閉窗口自動保存布局　441
19.4.7　拖拽窗口自動保存布局　443
19.4.8　服務器端代碼　446
19.5　拖拽原理分析　448
19.5.1　拖拽原理分析　448
19.5.2　釋放原理分析　449
19.5.3　通用的拖放類　450
第20章　上傳文件顯示進度條　452
20.1　上傳文件概述　452
20.1.1　上傳文件的表單概述　452
20.1.2　上傳文件后的服務器端處理　453
20.1.3　使用Apache的FlieUpload　455
20.1.4　使用Session記錄上傳進度　456
20.2　客戶端實現(xiàn)　456
20.2.1　客戶端原理分析　456
20.2.2　客戶端代碼　457
20.2.3　客戶端請求處理　458
20.3　服務器端實現(xiàn)　459
20.3.1　服務器端原理分析　459
20.3.2　上傳文件處理過程　460
20.3.3　獲取上傳信息　462
20.3.4　創(chuàng)建監(jiān)聽器類　464
20.3.5　注冊監(jiān)聽器類　466
第21章　滑動顯示分頁　470
21.1　滑動顯示分頁概述　470
21.1.1　傳統(tǒng)的分頁顯示　470
21.1.2　滑動分頁顯示　471
21.1.3　滑塊基本原理　471
21.2　客戶端實現(xiàn)　473
21.2.1　客戶端基本原理　473
21.2.2　客戶端頁面代碼　473
21.2.3　Javascript代碼分析　475
21.3　服務器端代碼實現(xiàn)　477
21.3.1　服務器端請求處理　477
21.3.2　創(chuàng)建數(shù)據(jù)實體類　479
21.3.3　數(shù)據(jù)庫設計　480
21.3.4　連接數(shù)據(jù)庫的工具類　481
第22章　仿Windows關機效果　484
22.1　基本原理分析　484
22.1.1　Windows關機效果分析　484
22.1.2　網(wǎng)頁中實現(xiàn)關機效果分析　485
22.2　代碼實現(xiàn)　487
22.2.1　客戶端代碼　487
22.2.2　客戶端腳本　488
22.2.3　封裝lightbox類　490
22.3　服務器端代碼　492
附錄A　JavaScript關鍵字和保留字　494
A.1　關鍵字　494
A.2　保留字　494
附錄B　prototype-1.4.0框架詳解　495
B.1　基礎工具類　495
B.1.1　Prototype對象　495
B.1.2　Class對象　496
B.1.3　對Object類的擴展　497
B.1.4　對Function類的擴展　498
B.1.5　對Number類的擴展　499
B.1.6　Try對象　500
B.1.7　其他工具　500
B.2　定時器類　500
B.3　基礎工具類　501
B.3.1　$()方法　502
B.3.2　對String類(字符串)的擴展　502
B.3.3　Enumerable(可枚舉)接口　503
B.3.4　$A()函數(shù)　506
B.3.5　對Array類(數(shù)組)的擴展　507
B.3.6　新的哈希(Hash)對象　507
B.3.7　使用$H()函數(shù)獲取Hash對象　508
B.3.8　新的ObjectRange類　508
B.3.9　使用$R()方法快速創(chuàng)建ObjectRange對象　508
B.4　Ajax模塊　509
B.4.1　Ajax對象　509
B.4.2　Ajax.Responders對象　509
B.4.3　Ajax.Base類　510
B.4.4　Ajax.Request類　510
B.4.5　Ajax.Updater類　511
B.4.6　Ajax.PeriodicalUpdater類　512
B.5　對文檔操作的封裝　512
B.5.1　使用document.getElementsByClassName方法　512
B.5.2　Element對象　513
B.5.3　Toggle對象　514
B.5.4　Insertion命名空間　514
B.5.5　Element.ClassNames類　515
B.6　表單操作　516
B.6.1　Field對象　516
B.6.2　Form對象　516
B.6.3　Form.Element對象　516
B.6.4　Form.Element.Serializers對象　517
B.6.5　使用$F()函數(shù)獲取表單域的值　517
B.7　Observer模式框架　517
B.7.1　Abstract.TimedObserver類　517
B.7.2　Form.Element.Observer類　518
B.7.3　Form.Observer類　518
B.7.4　Abstract.EventObserver類　518
B.7.5　Form.Element.EventObserver類　519
B.7.6　Form.Observer類　519
B.8　事件處理：對Event對象的擴展　519
B.9　結點的位置處理：Position對象　520