●章 說說BOM和DOM1
1.1 BOM簡介1
1.2 DOM簡介2
1.3 應用場景3
1.4 如何學習4
第2章 BOM詳解5
2.1 什麼是BOM5
2.1.1 BOM概述6
2.1.2 BOM的核心之window對像6
2.2 window對像全接觸8
2.2.1 window對像的常用屬性9
2.2.2 定時器和周期事件11
2.2.3 其他常用方法21
2.2.4 窗口操作、分幀24
2.3 window下的常用子對像28
2.3.1 location28
2.3.2 navigator32
2.3.3 history34
2.3.4 screen35
2.4 HTML5新特性36
2.4.1 applicationCache對像36
2.4.2 haschange對像36
2.5 本章小結37
2.6 本章習題37
第3章 JavaScript事件處理38
3.1 什麼是事件38
3.1.1 事件類型39
3.1.2 事件源40
3.1.3 事件處理程序40
3.2 事件綁定40
3.2.1 在素中直接綁定40
3.2.2 在JavaScript代碼中綁定42
3.2.3 綁定事件監聽函數43
3.3 事件的類型45
3.3.1 UI事件45
3.3.2 焦點事件49
3.3.3 鼠標事件50
3.3.4 滾輪事件53
3.3.5 鍵盤與文本事件55
3.4 事件對像56
3.4.1 DOM中的事件對像56
3.4.2 IE中的事件對像59
3.5 本章小結60
3.6 本章習題61
第4章 什麼是DOM63
4.1 DOM簡介63
4.2 DOM中的D65
4.3 DOM中的O66
4.4 DOM中的M67
4.5 本章小結69
第5章 DOM可以做什麼70
5.1 通過id獲素70
5.2 操素的內容71
5.3 操素的屬性73
5.4 操素的CSS樣式75
5.5 倒計時秒殺活動實例76
5.6 本章小結79
5.7 本章習題79
第6章 DOM節點操作80
6.1 什麼是節點80
6.2 節點類型81
6.2素節點81
6.2.2 屬性節點83
6.2.3 文本節點84
6.2.4 節點類型、名字、值速查表85
6.3 通過文檔對像方法獲取節點86
6.3.1 通過id屬性獲取節點86
6.3.2 通過標簽名字獲取節點87
6.3.3 通過類名獲取節點90
6.3.4 通過name屬性值獲取節點91
6.4 通過層級關繫獲取節點92
6.4.1 子節點92
6.4.2 父節點98
6.4.3 兄弟節點99
6.4.4 節點的混合操作101
6.5 節點的其他操作103
6.5.1 添加節點103
6.5.2 修改節點105
6.5.3 刪除節點107
6.6 自封裝函數庫108
6.7 QQ空間實例117
6.8 本章小結122
第7章 DOM表單相關操作123
7.1 幾種獲取表單數據的方式123
7.1.1 通過id屬性獲取表單數據124
7.1.2 通過name屬性獲取表單數據125
7.1.3 通過標簽名獲取表單數據129
7.2 與表單相關的事件131
7.2.1 焦點事件131
7.2.2 onchange（改變）事件132
7.2.3 表單提交事件135
7.3 給表單加一些驗證137
7.3.1 驗證長度138
7.3.2 正則匹配驗證139
7.4 幾個常見的實例141
7.4.1 全選，全不選，反選141
7.4.2 下拉框特效144
7.4.3 城市級聯特效147
7.4.4 用戶注冊實例150
7.5 本章小結153
第8章 DOM中的Cookie154
8.1 什麼是Cookie154
8.1.1 Cookie簡介154
8.1.2 Cookie的特點155
8.1.3 Cookie的用途156
8.2 如何操作Cookie156
8.2.1 查看Cookie157
8.2.2 添加Cookie158
8.2.3 設置Cookie過期時間159
8.2.4 修改Cookie160
8.2.5 刪除Cookie161
8.3 本章小結162
第9章 DOM對像的尺寸和位置163
9.1 關於DOM對像的尺寸和位置的介紹163
9.2 DOM文檔對像的尺寸165
9.2.1 obj.scrollWidth和obj.scrollHeight165
9.2.2 obj.offsetWidth和obj.offsetHeight、obj.style.width和obj.style.height的聯繫與區別166
9.2.3 obj.clientWidth和obj.clientHeight的對比與聯繫168
9.3 DOM文檔對像的位置169
9.3.1 obj.offsetTop和obj.offsetLeft、obj.style.top和obj.style.left的對比與聯繫169
9.3.2 obj.clientTop和obj.clientLeft173
9.3.3 obj.scrollTop和obj.scrollLeft174
9.4 移動端DOM對像的尺寸和位置的運用175
9.4.1 像素的概念175
9.4.2 移動端手勢庫——hammer.js176
9.4.3 移動端實例1——完成一個置頂效果177
9.4.4 移動端實例2——完成向左向右滑動導航條實例180
9.5 本章小結183
0章 DOM相關屬性和方法184
10.1 document（文檔）對像184
10.1.1 document對像集合184
10.1.2 document對像屬性189
10.1.3 document對像方法192
10.2 eleme素）對像194
10.2.1 element對像屬性194
10.2.2 element對像方法208
10.3 attribute（屬性）對像216
10.3.1 attribute對像屬性216
10.3.2 attribute對像方法217
10.3.3 避免使用的屬性和方法218
10.4 event（事件）對像219
10.4.1 事件句柄219
10.4.2 鼠標鍵盤屬性223
10.4.3 標準event屬性和方法226
10.5 本章小結232
1章 DOM實例篇233
11.1 打字遊戲233
11.1.1 需求分析234
11.1.2 知識點整理234
11.1.3 實戰235
11.2 使用JavaScript實現PPT效果244
11.2.1 需求分析244
11.2.2 知識點整理244
11.2.3 實戰245
11.3 自定義鼠標右鍵菜單250
11.3.1 需求分析251
11.3.2 知識點整理251
11.3.3 實戰252
11.4 放大鏡效果256
11.4.1 需求分析256
11.4.2 知識點整理257
11.4.3 實戰258
11.5 拖拽效果266
11.5.1 需求分析266
11.5.2 知識點整理266
11.5.3 實戰267
11.6 淘寶評價效果273
11.6.1 需求分析274
11.6.2 知識點整理274
11.6.3 實戰274
11.7 輪播圖效果279
11.7.1 需求分析279
11.7.2 知識點整理281
11.7.3 實戰281