釋放JavaScript和DOM編程的驚人潛力    涵養HTML5及jQuery

●第1章JavaScript簡史1
1．1JavaScript的起源1
1．2DOM2
1．3瀏覽器戰爭3
1．3．1DHTML3
1．3．2瀏覽器之間的衝突3
1．4制定標準4
1．4．1瀏覽器以外的考慮4
1．4．2瀏覽器戰爭的結局5
1．4．3嶄新的起點5
1．5小結6
第2章JavaScript語法8
2．1準備工作8
2．2語法10
2．2．1語句10
2．2．2注釋10
2．2．3變量11
2．2．4數據類型14
2．2．5數組16
2．2．6對像18
2．3操作19
2．4條件語句21
2．4．1比較操作符22
2．4．2邏輯操作符23
2．5循環語句24
2．5．1while循環24
2．5．2for循環25
2．6函數26
2．7對像29
2．7．1內建對像30
2．7．2宿主對像31
2．8小結31
第3章DOM32
3．1文檔：DOM中的“D”32
3．2對像：DOM中的“O”32
3．3模型：DOM中的“M”33
3．4節點35
3．素節點35
3．4．2文本節點35
3．4．3屬性節點36
3．4．4CSS36
3．4．素38
3．4．6盤點知識點42
3．5獲取和設置屬性43
3．5．1getAttribute43
3．5．2setAttribute44
3．6小結45
第4章案例研究：JavaScript圖片庫46
4．1標記46
4．2JavaScript48
4．2．1非DOM解決方案49
4．2．2**終的函數代碼清單50
4．3應用這個JavaScript函數50
4．4對這個函數進行擴展52
4．4．1childNodes屬性53
4．4．2nodeType屬性54
4．4．3在標記裡增加一段描述54
4．4．4用JavaScript改變這段描述55
4．4．5nodeValue屬性56
4．4．6firstChild和lastChild屬性56
4．4．7利用nodeValue屬性刷新這段描述57
4．5小結60
第5章很好佳實踐61
5．1過去的錯誤61
5．1．1不要怪罪JavaScript61
5．1．2Flash的遭遇62
5．1．3質疑一切63
5．2平穩退化63
5．2．1“javascript：”偽協議64
5．2．2內嵌的事件處理函數65
5．2．3誰關心這個65
5．3向CSS學習66
5．3．1結構與樣式的分離66
5．3．2漸進增強67
5．4分離JavaScript68
5．5向後兼容70
5．5．1對像檢測70
5．5．2瀏覽器技術71
5．6性能考慮72
5．6．1盡量少訪問DOM和盡量減少標記72
5．6．2合並和放置腳本73
5．6．3壓縮腳本73
5．7小結74
第6章案例研究：圖片庫改進版75
6．1快速回顧75
6．2它支持平穩退化嗎76
6．3它的JavaScript與HTML標記是分離的嗎77
6．3．1添加事件處理函數77
6．3．2共享onload事件82
6．4不要做太多的假設84
6．5優化86
6．6鍵盤訪問88
6．7把JavaScript與CSS結合起來90
6．8DOM Core和HTML-DOM93
6．9小結94
第7章動態創建標記96
7．1一些傳統方法96
7．1．1document．write96
7．1．2innerHTML屬性98
7．2DOM方法101
7．2．1createElement方法101
7．2．2appendChild方法102
7．2．3createTextNode方法103
7．2．4一個更復雜的組合105
7．3重回圖片庫107
7．3．1素前插入素108
7．3．2在現有方法後插入素109
7．3．3圖片庫二次改進版111
7．4Ajax114
7．4．1XMLHttpRequest對像115
7．4．2漸進增強與Ajax119
7．4．3Hijax120
7．5小結121
第8章充實文檔的內容122
8．1不應該做什麼122
8．2把“不可見”變成“可見”123
8．3內容123
8．3．1選用HTML、XHTML還是HTML5124
8．3．2CSS126
8．3．3JavaScript127
8．4顯示“縮略語列表”127
8．4．1編寫displayAbbreviations函數128
8．4．2創建標記130
8．4．3一個瀏覽器“地雷”135
8．5顯示“文獻來源鏈接表”138
8．6顯示“快捷鍵清單”143
8．7檢索和添加信息146
8．8小結147
第9章CSS-DOM148
9．1三位一體的網頁148
9．1．1結構層148
9．1．2表示層148
9．1．3行為層149
9．1．4分離150
9．2style屬性150
9．2．1獲取樣式151
9．2．2設置樣式156
9．3何時該用DOM腳本設置樣式158
9．3．素在節點樹裡的位置來設置樣式158
9．3．2根據某種條件反復設置某種樣式161
9．3．3響應事件165
9．4className屬性167
9．5小結171
第10章用JavaScript實現動畫效果172
10．1動畫基礎知識172
10．1．1位置172
10．1．2時間175
10．1．3時間遞增量175
10．1．4抽像178
10．2實用的動畫184
10．2．1提出問題184
10．2．2解決問題186
10．2．3CSS187
10．2．4JavaScript189
10．2．5變量作用域問題192
10．2．6改進動畫效果193
10．2．7添加安全檢查196
10．2．8生成HTML標記198
10．3小結200
第11章HTML5201
11．1HTML5簡介201
11．2來自朋友的忠告203
11．3幾個示例204
11．3．1Canvas205
11．3．2音頻和視頻209
11．3．3表單215
11．4HTML5還有其他特性嗎219
11．5小結219
第12章綜合示例220
12．1項目簡介220
12．1．1原始資料220
12．1．2站點結構220
12．1．3頁面結構221
12．2設計222
12．3CSS223
12．3．1顏色225
12．3．2布局226
12．3．3版式228
12．4標記229
12．5JavaScript230
12．5．1頁面突出顯示231
12．5．2JavaScript幻燈片235
12．5．3內部導航239
12．5．4JavaScript圖片庫242
12．5．5增強表格245
12．5．6增強表單249
12．5．7壓縮代碼263
12．6小結264
附錄JavaScript庫265

本書講述了Javascript、DOM和HTML5的基礎知識，著重介紹DOM編程技術背後的思路和原則：平穩退化、漸進增強和以用戶為中心等。這些概念對於任何前端Web開發工作都非常重要。本書將這些概念貫穿在書中的所有代碼示例中，以便呈現用來創建圖片庫頁面的腳本、用來創建動畫效果的腳本和用來豐素呈現效果的腳本，最後結合所講述的內容創建了一個實際的網站。本書適合Web設計師和開發人員閱讀。

(英)基思,(加)桑布爾斯 著 楊濤 等 譯