细说DOM编程

　　学习了JavaScript的基本语法，其实和网页并没有关系，要想使用JavaScript这门语言，让它发挥出强大的功能，实现炫酷的网页特效，就必须结合浏览器的BOM和HTML页面的DOM，尤其是DOM。JavaScript*常应用在前端HTML编程中，通过JavaScript让HTML文档变得生动形象，具有可交互性，而这一切都是BOM和DOM的功劳。 本书主要面向具有一定JavaScript语法基础，想让JavaScript发挥更大作用的人群。学习本书，不需要具备特殊的专业知识，只需熟练掌握“跟兄弟连学HTML5系列教程”的第二本书《细说JavaScript》的基本部分，就可以跟随本书一起来学习DOM编程了。

　　兄弟连IT教育，成立于2006年，中国程序员培训领导者。兄弟连以“优秀的教学、严格的管理、职业素质课贯穿始终”而闻名，现已开设PHP、UI、HTML5、Java/Android、iOS、Linux等众多课程，分别在北京、上海、广州、沈阳、扬州、苏州、郑州、济南设立校区，今后会陆续在成都、西安、武汉等地建设校区，每年有数十万名学员受益于兄弟连的职业培训、教学视频、网络公开课、院校讲座、出版书籍。我们相信，我们不仅仅是老师，更是学员的梦想守护者与职场引路人。

目录

第1章 说说BOM和DOM\t1
1．1 BOM简介\t1
1．2 DOM简介\t2
1．3 应用场景\t3
1．4 如何学习\t4
第2章 BOM详解\t5
2．1 什么是BOM\t5
2．1．1 BOM概述\t6
2．1．2 BOM的核心之window对象\t6
2．2 window对象全接触\t8
2．2．1 window对象的常用属性\t9
2．2．2 定时器和周期事件\t11
2．2．3 其他常用方法\t21
2．2．4 窗口操作、分帧\t24
2．3 window下的常用子对象\t28
2．3．1 location\t28
2．3．2 navigator\t32
2．3．3 history\t34
2．3．4 screen\t35
2．4 HTML5新特性\t36
2．4．1 applicationCache对象\t36
2．4．2 haschange对象\t36
2．5 本章小结\t37
2．6 本章习题\t37
第3章 JavaScript事件处理\t38
3．1 什么是事件\t38
3．1．1 事件类型\t39
3．1．2 事件源\t40
3．1．3 事件处理程序\t40
3．2 事件绑定\t40
3．2．1 在DOM元素中直接绑定\t40
3．2．2 在JavaScript代码中绑定\t42
3．2．3 绑定事件监听函数\t43
3．3 事件的类型\t45
3．3．1 UI事件\t45
3．3．2 焦点事件\t49
3．3．3 鼠标事件\t50
3．3．4 滚轮事件\t53
3．3．5 键盘与文本事件\t55
3．4 事件对象\t56
3．4．1 DOM中的事件对象\t56
3．4．2 IE中的事件对象\t59
3．5 本章小结\t60
3．6 本章习题\t61
第4章 什么是DOM\t63
4．1 DOM简介\t63
4．2 DOM中的D\t65
4．3 DOM中的O\t66
4．4 DOM中的M\t67
4．5 本章小结\t69
第5章 DOM可以做什么\t70
5．1 通过id获取标签元素\t70
5．2 操作标签元素的内容\t71
5．3 操作标签元素的属性\t73
5．4 操作标签元素的CSS样式\t75
5．5 倒计时秒杀活动实例\t76
5．6 本章小结\t79
5．7 本章习题\t79
第6章 DOM节点操作\t80
6．1 什么是节点\t80
6．2 节点类型\t81
6．2．1 元素节点\t81
6．2．2 属性节点\t83
6．2．3 文本节点\t84
6．2．4 节点类型、名字、值速查表\t85
6．3 通过文档对象方法获取节点\t86
6．3．1 通过id属性获取节点\t86
6．3．2 通过标签名字获取节点\t87
6．3．3 通过类名获取节点\t90
6．3．4 通过name属性值获取节点\t91
6．4 通过层级关系获取节点\t92
6．4．1 子节点\t92
6．4．2 父节点\t98
6．4．3 兄弟节点\t99
6．4．4 节点的混合操作\t101
6．5 节点的其他操作\t103
6．5．1 添加节点\t103
6．5．2 修改节点\t105
6．5．3 删除节点\t107
6．6 自封装函数库\t108
6．7 QQ空间实例\t117
6．8 本章小结\t122
第7章 DOM表单相关操作\t123
7．1 几种获取表单数据的方式\t123
7．1．1 通过id属性获取表单数据\t124
7．1．2 通过name属性获取表单数据\t125
7．1．3 通过标签名获取表单数据\t129
7．2 与表单相关的事件\t131
7．2．1 焦点事件\t131
7．2．2 onchange（改变）事件\t132
7．2．3 表单提交事件\t135
7．3 给表单加一些验证\t137
7．3．1 验证长度\t138
7．3．2 正则匹配验证\t139
7．4 几个常见的实例\t141
7．4．1 全选，全不选，反选\t141
7．4．2 下拉框特效\t144
7．4．3 城市级联特效\t147
7．4．4 用户注册实例\t150
7．5 本章小结\t153
第8章 DOM中的Cookie\t154
8．1 什么是Cookie\t154
8．1．1 Cookie简介\t154
8．1．2 Cookie的特点\t155
8．1．3 Cookie的用途\t156
8．2 如何操作Cookie\t156
8．2．1 查看Cookie\t157
8．2．2 添加Cookie\t158
8．2．3 设置Cookie过期时间\t159
8．2．4 修改Cookie\t160
8．2．5 删除Cookie\t161
8．3 本章小结\t162
第9章 DOM对象的尺寸和位置\t163
9．1 关于DOM对象的尺寸和位置的介绍\t163
9．2 DOM文档对象的尺寸\t165
9．2．1 obj．scrollWidth和obj．scrollHeight\t165

9．2．2 obj．offsetWidth和obj．offsetHeight、obj．style．width和obj．style．height
的联系与区别\t166
9．2．3 obj．clientWidth和obj．clientHeight的对比与联系\t168
9．3 DOM文档对象的位置\t169
9．3．1 obj．offsetTop和obj．offsetLeft、obj．style．top和obj．style．left
的对比与联系\t169
9．3．2 obj．clientTop和obj．clientLeft\t173
9．3．3 obj．scrollTop和obj．scrollLeft\t174
9．4 移动端DOM对象的尺寸和位置的运用\t175
9．4．1 像素的概念\t175
9．4．2 移动端手势库――hammer．js\t176
9．4．3 移动端实例1――完成一个置顶效果\t177
9．4．4 移动端实例2――完成向左向右滑动导航条实例\t180
9．5 本章小结\t183
第10章 DOM相关属性和方法\t184
10．1 document（文档）对象\t184
10．1．1 document对象集合\t184
10．1．2 document对象属性\t189
10．1．3 document对象方法\t192
10．2 element（元素）对象\t194
10．2．1 element对象属性\t194
10．2．2 element对象方法\t208
10．3 attribute（属性）对象\t216
10．3．1 attribute对象属性\t216
10．3．2 attribute对象方法\t217
10．3．3 避免使用的属性和方法\t218
10．4 event（事件）对象\t219
10．4．1 事件句柄\t219
10．4．2 鼠标键盘属性\t223
10．4．3 标准event属性和方法\t226
10．5 本章小结\t232

第11章 DOM实例篇\t233
11．1 打字游戏\t233
11．1．1 需求分析\t234
11．1．2 知识点整理\t234
11．1．3 实战\t235
11．2 使用JavaScript实现PPT效果\t244
11．2．1 需求分析\t244
11．2．2 知识点整理\t244
11．2．3 实战\t245
11．3 自定义鼠标右键菜单\t250
11．3．1 需求分析\t251
11．3．2 知识点整理\t251
11．3．3 实战\t252
11．4 放大镜效果\t256
11．4．1 需求分析\t256
11．4．2 知识点整理\t257
11．4．3 实战\t258
11．5 拖拽效果\t266
11．5．1 需求分析\t266
11．5．2 知识点整理\t266
11．5．3 实战\t267
11．6 淘宝评价效果\t273
11．6．1 需求分析\t274
11．6．2 知识点整理\t274
11．6．3 实战\t274
11．7 轮播图效果\t279
11．7．1 需求分析\t279
11．7．2 知识点整理\t281
11．7．3 实战\t281