JavaScript DOM编程艺术(第2版)

    释放JavaScript和DOM编程的惊人潜力     涵养HTML5及jQuery

本书讲述了Javascript、DOM和HTML5的基础知识，着重介绍DOM编程技术背后的思路和原则：平稳退化、渐进增强和以用户为中心等。这些概念对于任何前端Web开发工作都非常重要。本书将这些概念贯穿在书中的所有代码示例中，以便呈现用来创建图片库页面的脚本、用来创建动画效果的脚本和用来丰富页面元素呈现效果的脚本，最后结合所讲述的内容创建了一个实际的网站。本书适合Web设计师和开发人员阅读。

Jeremy Keith 国际知名的Web设计师，Web标准计划（webstandards.org）成员，DOM Scripting任务组负责人之一。除本书外，他还正在撰写众所期待的《Bulletproof Ajax》一书（中文版将由人民邮电出版社出版）。

第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．4．1元素节点35
3．4．2文本节点35
3．4．3属性节点36
3．4．4CSS36
3．4．5获取元素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．1根据元素在节点树里的位置来设置样式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