相關商品
商品簡介
作者簡介
名人/編輯推薦
目次
書摘/試閱
商品簡介
《JavaScript DOM編程藝術(第2版)》內容簡介：JavaScript是Web開發中最重要的一門語言，它強大而優美。無論是桌面開發，還是移動應用。JavaScript都是必須掌握的技術。W3C的DOM標準是開發Web應用的基石。已經得到所有現代瀏覽器的支持，這使得跨平臺Web開發成了一件輕松愜意的事。
《JavaScript DOM編程藝術(第2版)》是超級暢銷書的升級版，由倡導Web標準的領軍人物執筆，揭示了前端開發的真諦，是學習JavaScript和DOM開發的必讀之作。
《JavaScript DOM編程藝術(第2版)》在簡潔明快地講述JavaScript和DOM的基本知識之后，通過幾個實例演示了專業水準的網頁開發技術，透徹闡述了平穩退化等一批至關重要的JavaScript編程原則和最佳實踐，并全面探討了HTML5以及jQuery等JavaScript庫。讀者將看到JavaScript、HTML5和CSS如何協作來創建易用的、與標準兼容的Web設計，掌握使用JavaScript和DOM通過客戶端動態效果和用戶控制的動畫來加強Web頁面的必備技術;同時，還將對如何利用庫提高開發效率有全面深入的理解。
《JavaScript DOM編程藝術(第2版)》是超級暢銷書的升級版，由倡導Web標準的領軍人物執筆，揭示了前端開發的真諦，是學習JavaScript和DOM開發的必讀之作。
《JavaScript DOM編程藝術(第2版)》在簡潔明快地講述JavaScript和DOM的基本知識之后，通過幾個實例演示了專業水準的網頁開發技術，透徹闡述了平穩退化等一批至關重要的JavaScript編程原則和最佳實踐，并全面探討了HTML5以及jQuery等JavaScript庫。讀者將看到JavaScript、HTML5和CSS如何協作來創建易用的、與標準兼容的Web設計，掌握使用JavaScript和DOM通過客戶端動態效果和用戶控制的動畫來加強Web頁面的必備技術;同時，還將對如何利用庫提高開發效率有全面深入的理解。
作者簡介
Jeremy Keith
國際知名的Web設計師，Web標準項目組成員，DOM Scripting任務組負責人之一，任職于Web咨詢公司Clearleft。除本書外，還著有HTML5 for Web Designers、Bulletproof Ajax。可通過其個人網站adactio.com與他聯系。
Jeffrey Sambells，資深平面設計師，Web開發人員，創辦了軟件公司We-Create并擔任研發總監。除本書外，還著有《JavaScript高級程序設計》和 Beginning Google Maps Applications with PHP and Ajax等多部暢銷書。
名人/編輯推薦
超級暢銷書升級版，首版銷量保證。
書中詳解開發Web應用的基石——W3C的DOM標準，由倡導Web標準的大牛領軍人物執筆精心撰寫，揭示了前端開發的真諦，是學習JavaScript和DOM開發的必讀之作。
縱情釋放JavaScript和DOM編程的驚人潛力，內容全年涵蓋HTML5、jQuery。
目次
第1章 JavaScript簡史 1
1.1 JavaScript的起源 1
1.2 DOM 2
1.3 瀏覽器戰爭 3
1.3.1 DHTML 3
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.1 while循環 24
2.5.2 for循環 25
2.6 函數 26
2.7 對象 29
2.7.1 內建對象 30
2.7.2 宿主對象 31
2.8 小結 31
第3章 DOM 32
3.1 文檔:DOM中的“D” 32
3.2 對象:DOM中的“O” 32
3.3 模型:DOM中的“M” 33
3.4 節點 35
3.4.1 元素節點 35
3.4.2 文本節點 35
3.4.3 屬性節點 36
3.4.4 CSS 36
3.4.5 獲取元素 38
3.4.6 盤點知識點 42
3.5 獲取和設置屬性 43
3.5.1 get Attribute 43
3.5.2 set Attribute 44
3.6 小結 45
第4章 案例研究:JavaScript圖片庫 46
4.1 標記 46
4.2 JavaScript 48
4.2.1 非DOM解決方案 49
4.2.2 最終的函數代碼清單 50
4.3 應用這個JavaScript函數 50
4.4 對這個函數進行擴展 52
4.4.1 child Nodes屬性 53
4.4.2 node Type屬性 54
4.4.3 在標記里增加一段描述 54
4.4.4 用JavaScript改變這段描述 55
4.4.5 node Value屬性 56
4.4.6 first Child和last Child屬性 56
4.4.7 利用node Value屬性刷新這段描述 57
4.5 小結 60
第5章 最佳實踐 61
5.1 過去的錯誤 61
5.1.1 不要怪罪JavaScript 61
5.1.2 Flash的遭遇 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 分離JavaScript 68
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.8 DOM Core和HTML-DOM 93
6.9 小結 94
第7章 動態創建標記 96
7.1 一些傳統方法 96
7.1.1 document. write 96
7.1.2 inner HTML屬性 98
7.2 DOM方法 101
7.2.1 create Element方法 101
7.2.2 append Child方法 102
7.2.3 create Text Node方法 103
7.2.4 一個更復雜的組合 105
7.3 重回圖片庫 107
7.3.1 在已有元素前插入一個新元素 108
7.3.2 在現有方法后插入一個新元素 109
7.3.3 圖片庫二次改進版 111
7.4 Ajax 114
7.4.1 XML Http Request對象 115
7.4.2 漸進增強與Ajax 119
7.4.3 Hijax 120
7.5 小結 121
第8章 充實文檔的內容 122
8.1 不應該做什么 122
8.2 把“不可見”變成“可見” 123
8.3 內容 123
8.3.1 選用HTML、XHTML還是HTML5 124
8.3.2 CSS 126
8.3.3 JavaScript 127
8.4 顯示“縮略語列表” 127
8.4.1 編寫display Abbreviations函數 128
8.4.2 創建標記 130
8.4.3 一個瀏覽器“地雷” 135
8.5 顯示“文獻來源鏈接表” 138
8.6 顯示“快捷鍵清單” 143
8.7 檢索和添加信息 146
8.8 小結 147
第9章 CSS-DOM 148
9.1 三位一體的網頁 148
9.1.1 結構層 148
9.1.2 表示層 148
9.1.3 行為層 149
9.1.4 分離 150
9.2 style屬性 150
9.2.1 獲取樣式 151
9.2.2 設置樣式 156
9.3 何時該用DOM腳本設置樣式 158
9.3.1 根據元素在節點樹里的位置來設置樣式 158
9.3.2 根據某種條件反復設置某種樣式 161
9.3.3 響應事件 165
9.4 class Name屬性 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.3 CSS 187
10.2.4 JavaScript 189
10.2.5 變量作用域問題 192
10.2.6 改進動畫效果 193
10.2.7 添加安全檢查 196
10.2.8 生成HTML標記 198
10.3 小結 200
第11章 HTML5 201
11.1 HTML5簡介 201
11.2 來自朋友的忠告 203
11.3 幾個示例 204
11.3.1 Canvas 205
11.3.2 音頻和視頻 209
11.3.3 表單 215
11.4 HTML5還有其他特性嗎 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.3 CSS 223
12.3.1 顏色 225
12.3.2 布局 226
12.3.3 版式 228
12.4 標記 229
12.5 JavaScript 230
12.5.1 頁面突出顯示 231
12.5.2 JavaScript幻燈片 235
12.5.3 內部導航 239
12.5.4 JavaScript圖片庫 242
12.5.5 增強表格 245
12.5.6 增強表單 249
12.5.7 壓縮代碼 263
12.6 小結 264
附錄 JavaScript庫 265
1.1 JavaScript的起源 1
1.2 DOM 2
1.3 瀏覽器戰爭 3
1.3.1 DHTML 3
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.1 while循環 24
2.5.2 for循環 25
2.6 函數 26
2.7 對象 29
2.7.1 內建對象 30
2.7.2 宿主對象 31
2.8 小結 31
第3章 DOM 32
3.1 文檔:DOM中的“D” 32
3.2 對象:DOM中的“O” 32
3.3 模型:DOM中的“M” 33
3.4 節點 35
3.4.1 元素節點 35
3.4.2 文本節點 35
3.4.3 屬性節點 36
3.4.4 CSS 36
3.4.5 獲取元素 38
3.4.6 盤點知識點 42
3.5 獲取和設置屬性 43
3.5.1 get Attribute 43
3.5.2 set Attribute 44
3.6 小結 45
第4章 案例研究:JavaScript圖片庫 46
4.1 標記 46
4.2 JavaScript 48
4.2.1 非DOM解決方案 49
4.2.2 最終的函數代碼清單 50
4.3 應用這個JavaScript函數 50
4.4 對這個函數進行擴展 52
4.4.1 child Nodes屬性 53
4.4.2 node Type屬性 54
4.4.3 在標記里增加一段描述 54
4.4.4 用JavaScript改變這段描述 55
4.4.5 node Value屬性 56
4.4.6 first Child和last Child屬性 56
4.4.7 利用node Value屬性刷新這段描述 57
4.5 小結 60
第5章 最佳實踐 61
5.1 過去的錯誤 61
5.1.1 不要怪罪JavaScript 61
5.1.2 Flash的遭遇 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 分離JavaScript 68
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.8 DOM Core和HTML-DOM 93
6.9 小結 94
第7章 動態創建標記 96
7.1 一些傳統方法 96
7.1.1 document. write 96
7.1.2 inner HTML屬性 98
7.2 DOM方法 101
7.2.1 create Element方法 101
7.2.2 append Child方法 102
7.2.3 create Text Node方法 103
7.2.4 一個更復雜的組合 105
7.3 重回圖片庫 107
7.3.1 在已有元素前插入一個新元素 108
7.3.2 在現有方法后插入一個新元素 109
7.3.3 圖片庫二次改進版 111
7.4 Ajax 114
7.4.1 XML Http Request對象 115
7.4.2 漸進增強與Ajax 119
7.4.3 Hijax 120
7.5 小結 121
第8章 充實文檔的內容 122
8.1 不應該做什么 122
8.2 把“不可見”變成“可見” 123
8.3 內容 123
8.3.1 選用HTML、XHTML還是HTML5 124
8.3.2 CSS 126
8.3.3 JavaScript 127
8.4 顯示“縮略語列表” 127
8.4.1 編寫display Abbreviations函數 128
8.4.2 創建標記 130
8.4.3 一個瀏覽器“地雷” 135
8.5 顯示“文獻來源鏈接表” 138
8.6 顯示“快捷鍵清單” 143
8.7 檢索和添加信息 146
8.8 小結 147
第9章 CSS-DOM 148
9.1 三位一體的網頁 148
9.1.1 結構層 148
9.1.2 表示層 148
9.1.3 行為層 149
9.1.4 分離 150
9.2 style屬性 150
9.2.1 獲取樣式 151
9.2.2 設置樣式 156
9.3 何時該用DOM腳本設置樣式 158
9.3.1 根據元素在節點樹里的位置來設置樣式 158
9.3.2 根據某種條件反復設置某種樣式 161
9.3.3 響應事件 165
9.4 class Name屬性 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.3 CSS 187
10.2.4 JavaScript 189
10.2.5 變量作用域問題 192
10.2.6 改進動畫效果 193
10.2.7 添加安全檢查 196
10.2.8 生成HTML標記 198
10.3 小結 200
第11章 HTML5 201
11.1 HTML5簡介 201
11.2 來自朋友的忠告 203
11.3 幾個示例 204
11.3.1 Canvas 205
11.3.2 音頻和視頻 209
11.3.3 表單 215
11.4 HTML5還有其他特性嗎 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.3 CSS 223
12.3.1 顏色 225
12.3.2 布局 226
12.3.3 版式 228
12.4 標記 229
12.5 JavaScript 230
12.5.1 頁面突出顯示 231
12.5.2 JavaScript幻燈片 235
12.5.3 內部導航 239
12.5.4 JavaScript圖片庫 242
12.5.5 增強表格 245
12.5.6 增強表單 249
12.5.7 壓縮代碼 263
12.6 小結 264
附錄 JavaScript庫 265
書摘/試閱
1.4.1瀏覽器以外的考慮
DOM是一種API（應用編程接口）。簡單地說,API就是一組已經得到有關各方共同認可的基本約定。在現實世界中,相當於API的例子包括（但不限於）摩爾斯碼、國際時區、化學元素週期表。以上這些都是不同學科領域中的標準,它們使得人們能夠更方便地交流與合作。如果沒有一個統一的標準,事情往往會演變成為一場災難。別忘了,因混淆英制度量衡與公制度量衡至少導致過一次火星探測任務的失敗。
在軟件編程領域中,雖然存在著多種不同的語言,但很多任務卻是相同或相似的。這也正是人們需要API的原因。一旦掌握了某個標準,就可以把它應用在許多不同的環境中。雖然語法會因為使用的程序設計語言而有所變化,但這些約定卻總是保持不變的。
因此,雖然本書的重點是教會你如何通過JavaScript使用DOM,當？需要使用諸如PHP或Python之類的程序設計語言去解析XML文檔的時候,你獲得的DOM新知識將會有很大的幫助。
W3C對DOM的定義是:“一個與系統平台和編程語言無關的接口,程序和腳本可以通過這個接口動態地訪問和修改文檔的內容、結構和样式。”W3C推出的標準化DOM,在獨立性和適用範圍等諸多方面,都遠遠超出了各自為戰的瀏覽器製造商們推出的各種專有DOM。
1.4.2瀏覽器戰爭的結局
我們知道,瀏覽器市場份額大戰中微軟公司戰勝了Netscape,具有諷刺意味的是,專有的DOM和HTML標記對這個最終結果幾乎沒有產生影響。 IE瀏覽器注定能擊敗其他對手,不過是因為所有運行Windows操作系統的個人電腦都預裝了它。
受瀏覽器戰爭影響最重的人群是那些網站設計人員。跨瀏覽器開發曾經是他們的噩夢。除了剛才提到的那些在JavaScript實現方面的差異之外,Netscape Navigator和IE這兩種瀏覽器在對CSS的支持方面也有許多非常不同的地方。而編寫那些可以同時支持這兩種瀏覽器的樣式表和腳本的工作也成了一種黑色藝術。
瀏覽器製造商的自私姿態遭到人們的激烈反對,一個名為Web標準計劃的小組應運而生。 WaSP小組採取的第一個行動就是,鼓勵瀏覽器製造商們採用W3C制定和推薦的各項標準,也就是在瀏覽器製造商們的幫助下得以起草和完善的那些標準。
或許是因為來自？ WaSP小組的壓力,又或許是因為企業的內部決策,下一代瀏覽器產品對Web標準的支持得到了極大的改善。
1.4.3嶄新的起點
早期瀏覽器大戰至今,瀏覽器市場已經發生了巨大的變化,而且到了今天,這一切也幾乎每天都有變化。有的瀏覽器,比如Netscape Navigator,差不多已經從人們的視野中消失了,而新一代瀏覽器則陸續登台亮相。蘋果公司在2003年首次發布了它的Safari瀏覽器（基於WebKit）,它從一開始就堅定不移地遵循DOM標準。今天,包括Firefox、Chrome、Opera和IE,以及一些基於WebKit的其他瀏覽器都對DOM有著良好的支持。很多最潮的智能手機瀏覽器都在使用WebKit渲染引擎,推動著手持瀏覽器開發不斷向前,讓手機上網的體驗甚至好過了使用某些桌面瀏覽器。
……
DOM是一種API（應用編程接口）。簡單地說,API就是一組已經得到有關各方共同認可的基本約定。在現實世界中,相當於API的例子包括（但不限於）摩爾斯碼、國際時區、化學元素週期表。以上這些都是不同學科領域中的標準,它們使得人們能夠更方便地交流與合作。如果沒有一個統一的標準,事情往往會演變成為一場災難。別忘了,因混淆英制度量衡與公制度量衡至少導致過一次火星探測任務的失敗。
在軟件編程領域中,雖然存在著多種不同的語言,但很多任務卻是相同或相似的。這也正是人們需要API的原因。一旦掌握了某個標準,就可以把它應用在許多不同的環境中。雖然語法會因為使用的程序設計語言而有所變化,但這些約定卻總是保持不變的。
因此,雖然本書的重點是教會你如何通過JavaScript使用DOM,當？需要使用諸如PHP或Python之類的程序設計語言去解析XML文檔的時候,你獲得的DOM新知識將會有很大的幫助。
W3C對DOM的定義是:“一個與系統平台和編程語言無關的接口,程序和腳本可以通過這個接口動態地訪問和修改文檔的內容、結構和样式。”W3C推出的標準化DOM,在獨立性和適用範圍等諸多方面,都遠遠超出了各自為戰的瀏覽器製造商們推出的各種專有DOM。
1.4.2瀏覽器戰爭的結局
我們知道,瀏覽器市場份額大戰中微軟公司戰勝了Netscape,具有諷刺意味的是,專有的DOM和HTML標記對這個最終結果幾乎沒有產生影響。 IE瀏覽器注定能擊敗其他對手,不過是因為所有運行Windows操作系統的個人電腦都預裝了它。
受瀏覽器戰爭影響最重的人群是那些網站設計人員。跨瀏覽器開發曾經是他們的噩夢。除了剛才提到的那些在JavaScript實現方面的差異之外,Netscape Navigator和IE這兩種瀏覽器在對CSS的支持方面也有許多非常不同的地方。而編寫那些可以同時支持這兩種瀏覽器的樣式表和腳本的工作也成了一種黑色藝術。
瀏覽器製造商的自私姿態遭到人們的激烈反對,一個名為Web標準計劃的小組應運而生。 WaSP小組採取的第一個行動就是,鼓勵瀏覽器製造商們採用W3C制定和推薦的各項標準,也就是在瀏覽器製造商們的幫助下得以起草和完善的那些標準。
或許是因為來自？ WaSP小組的壓力,又或許是因為企業的內部決策,下一代瀏覽器產品對Web標準的支持得到了極大的改善。
1.4.3嶄新的起點
早期瀏覽器大戰至今,瀏覽器市場已經發生了巨大的變化,而且到了今天,這一切也幾乎每天都有變化。有的瀏覽器,比如Netscape Navigator,差不多已經從人們的視野中消失了,而新一代瀏覽器則陸續登台亮相。蘋果公司在2003年首次發布了它的Safari瀏覽器（基於WebKit）,它從一開始就堅定不移地遵循DOM標準。今天,包括Firefox、Chrome、Opera和IE,以及一些基於WebKit的其他瀏覽器都對DOM有著良好的支持。很多最潮的智能手機瀏覽器都在使用WebKit渲染引擎,推動著手持瀏覽器開發不斷向前,讓手機上網的體驗甚至好過了使用某些桌面瀏覽器。
……
您曾經瀏覽過的商品
購物須知
大陸出版品因裝訂品質及貨運條件與台灣出版品落差甚大，除封面破損、內頁脫落等較嚴重的狀態，其餘商品將正常出貨。
特別提醒：部分書籍附贈之內容(如音頻mp3或影片dvd等)已無實體光碟提供，需以QR CODE 連結至當地網站註冊“並通過驗證程序”，方可下載使用。
無現貨庫存之簡體書，將向海外調貨：
海外有庫存之書籍，等候約45個工作天;
海外無庫存之書籍，平均作業時間約60個工作天，然不保證確定可調到貨，尚請見諒。
為了保護您的權益，「三民網路書店」提供會員七日商品鑑賞期(收到商品為起始日)。
若要辦理退貨，請在商品鑑賞期內寄回，且商品必須是全新狀態與完整包裝(商品、附件、發票、隨貨贈品等)否則恕不接受退貨。