细说DOM编程

图书标准信息

• 作者 兄弟连教育
• 出版社 电子工业出版社
• 出版时间 2017-10
• 版次 1
• ISBN 9787121328848
• 定价 49.80元
• 装帧 其他
• 开本 16开
• 纸张 胶版纸
• 页数 292页
• 字数 442千字

【内容简介】

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

【作者简介】

    高洛峰，兄弟连教育教研总监，十几年软件开发和IT教学工作经验，曾任多家上市公司技术总监、项目经理、高级软件工程师等职位，具有扎实的技术功底。国内资深技术讲师，从事IT培训以来累计授课长达一万课时以上，培养百余名IT名师，培训上万名学员成功走向IT岗位，荣获腾讯“2016年度网络人气名人讲师”。

熟悉掌握多种IT技能，对当前主流应用的编程语言、数据库以及软件架构设计都很擅长。对Web系统软件开发深有研究，近年来致力于推广开源的PHP语言和前端HTML5技术，出版的《细说PHP》系列书籍，获得电子工业出版社“2013年年度畅销IT技术图书奖”，《跟兄弟连学PHP》获得电子工业出版社“2016年年度好书”。

兄弟连教育，成立于2006年，专注于IT技术培训，中国PHP培训领导者，以“优秀的教学、严格的管理、职业素质课贯穿始终”闻名业界，现已开设PHP、Java、HTML5、UI、Linux、Python等众多课程，在国内开设有四十余所分校，于2016年9月在国内新三板挂牌上市（股票代码：839467），每年有数十万名学生受益于兄弟连的职业培训、出版书籍、教学视频、网络直播课、院校讲座。

“我们不仅仅是老师，更是学生的梦想守护者与职场引路人。”做一所认认真真的学校，帮助更多的年轻人实现人生价值，是我们的光荣与骄傲。

【目录】

目录

第1章  说说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  在DOM元素中直接绑定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.1  元素节点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

第10章  DOM相关属性和方法184

10.1  document（文档）对象184

10.1.1  document对象集合184

10.1.2  document对象属性189

10.1.3  document对象方法192

10.2  element（元素）对象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

第11章  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