具体描述
编辑推荐
适读人群 ：本书适合有一定javaScript基础的读者学习使用，如果是零基础，建议优先学习本系列图书中的《细说JavaScript语言》。也适合对JavaScript有一定的学习，但对DOM部分比较模糊的读者，通过本书的学习，您将会理解和使用DOM.本书为JavaScript的中高级部分，涉及的对象知识和设计模式多一些，还讲解了许多实际项目中的常见的特效的实现。DOM知识是整个JavaScript的核心所在，也是JavaScript知识中的重难点。理解和掌握了DOM知识，我们使用JavaScript会变得更得心应手。本书适合有一定javaScript基础的读者学习使用，如果是零基础，建议优先学习本系列图书中的《细说JavaScript语言》。也适合对JavaScript有一定的学习，但对DOM部分比较模糊的读者，通过本书的学习，您将会理解和使用DOM.本书为JavaScript的中高级部分，涉及的对象知识和设计模式多一些，还讲解了许多实际项目中的常见的特效的实现。DOM知识是整个JavaScript的核心所在，也是JavaScript知识中的重难点。理解和掌握了DOM知识，我们使用JavaScript会变得更得心应手。
内容简介
学习了JavaScript的基本语法，其实和网页并没有关系，要想使用JavaScript这门语言，让它发挥出强大的功能，实现炫酷的网页特效，就必须结合浏览器的BOM和HTML页面的DOM，尤其是DOM。JavaScript*常应用在前端HTML编程中，通过JavaScript让HTML文档变得生动形象，具有可交互性，而这一切都是BOM和DOM的功劳。 本书主要面向具有一定JavaScript语法基础，想让JavaScript发挥更大作用的人群。学习本书，不需要具备特殊的专业知识，只需熟练掌握“跟兄弟连学HTML5系列教程”的第二本书《细说JavaScript》的基本部分，就可以跟随本书一起来学习DOM编程了。作者简介
兄弟连教育，成立于2006年，专注于IT技术培训，中国PHP培训领导者，以“优秀的教学、严格的管理、职业素质课贯穿始终”闻名业界，现已开设PHP、Java、HTML5、UI、Linux、Python等众多课程，在国内开设有四十余所分校，于2016年9月在国内新三板挂牌上市（股票代码：839467），每年有数十万名学生受益于兄弟连的职业培训、出版书籍、教学视频、网络直播课、院校讲座。“我们不仅仅是老师，更是学生的梦想守护者与职场引路人。”做一所认认真真的学校，帮助更多的年轻人实现人生价值，是我们的光荣与骄傲。
目录
第1章 说说BOM和DOM 11．1 BOM简介 1
1．2 DOM简介 2
1．3 应用场景 3
1．4 如何学习 4
第2章 BOM详解 5
2．1 什么是BOM 5
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 location 28
2．3．2 navigator 32
2．3．3 history 34
2．3．4 screen 35
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章 什么是DOM 63
4．1 DOM简介 63
4．2 DOM中的D 65
4．3 DOM中的O 66
4．4 DOM中的M 67
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中的Cookie 154
8．1 什么是Cookie 154
8．1．1 Cookie简介 154
8．1．2 Cookie的特点 155
8．1．3 Cookie的用途 156
8．2 如何操作Cookie 156
8．2．1 查看Cookie 157
8．2．2 添加Cookie 158
8．2．3 设置Cookie过期时间 159
8．2．4 修改Cookie 160
8．2．5 删除Cookie 161
8．3 本章小结 162
第9章 DOM对象的尺寸和位置 163
9．1 关于DOM对象的尺寸和位置的介绍 163
9．2 DOM文档对象的尺寸 165
9．2．1 obj．scrollWidth和obj．scrollHeight 165
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．clientLeft 173
9．3．3 obj．scrollTop和obj．scrollLeft 174
9．4 移动端DOM对象的尺寸和位置的运用 175
9．4．1 像素的概念 175
9．4．2 移动端手势库――hammer．js 176
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
前言/序言
随着HTML5标准化逐渐成熟，以及互联网的飞速发展和移动端的应用不断创新，再加上微信公众号、小程序的应用飙升，原生APP向Web APP和混合APP的转变，用户对视觉效果和操作体验的要求越来越高，HTML5成为移动互联网的主要技术，也是目前的主流技术之一。HTML5是超文本标记语言（HTML）的第5次修订，是近年来Web标准的巨大飞跃。Web是一个内涵极为丰富的平台，和以前版本不同的是，HTML5并非仅仅用来表示Web内容，在这个平台上还能非常方便地加入视频、音频、图像、动画，以及与计算机的交互。HTML5的意义在于它带来了一个无缝的网络，无论是PC、平板电脑，还是智能手机，都能非常方便地浏览基于HTML5的各类网站。对用户来说，手机上的APP会越来越少，用HTML5实现的一些应用不需要下载安装，就能立即在手机界面中生成一个APP图标，使用手机中的浏览器来运行，新增的导航标签也能更好地帮助小屏幕设备和视力障碍人士使用。HTML5拥有服务器推送技术，给用户带来了更便捷的实时聊天功能和更快的网游体验。HTML5对于开发者来说更是福音。HTML5本身是由W3C推荐的，也就意味着每一个浏览器或每一个平台都可以实现，这样可以节省开发者花在浏览器页面展现兼容性上的时间。另外，HTML5是Web前端技术的一个代名词，其核心技术点还是JavaScript。如HTML5的服务器推送技术，再结合JavaScript编程，能够帮助我们实现服务器将数据“推送”到客户端的功能，客户端与服务器之间的数据传输将更加高效。基于SVG、Canvas、WebGL及CSS3的3D功能，会让用户惊叹在浏览器中所呈现的各种炫酷的视觉效果。以往在iPhone iPad上不支持的Flash将来都有可能通过HTML5华丽地呈现在用户的iOS设备上。
本套图书介绍
为了让前端初学者少走弯路，快速而轻松地学习HTML5和JavaScript编程，我们结合新技术和兄弟连多年的教学经验积累，再通过对企业实际应用的调研，编写了一整套HTML5系列图书，共5本，包括《细说网页制作》、《细说JavaScript》、《细说DOM编程》、《细说AJAX与jQuery》和《细说HTML5高级API》，每一本书都是不同层次的完整内容，不仅给初学者安排了循序渐进的学习过程，也便于不同层次的读者选择；既适合没有编程基础的前端初学者作为入门教程，也适合正在从事前端开发的人员作为技术提升参考资料。本套图书编写的初衷是为了紧跟新技术和兄弟连IT教育HTML5学科的教学发展，作为本校培训教程使用，也可作为大、中专院校和其他培训学校的教材使用。同时，对于前端开发爱好者，本书也有较高的参考价值。
《细说网页制作》
作为“跟兄弟连学HTML5系列教程”的第一本书，主要带领HTML5初学者一步步完成精美的页面制作。本书内容包括HTML应用、CSS应用、HTML5的新技术、各种主流的页面布局方法和一整套页面开发实战技能，让读者可以使用多种方法完成PC端的页面制作、移动端的页面制作，以及响应式布局页面的制作，不仅能做出页面，还能掌握如何做好页面。
《细说JavaScript》
这是“跟兄弟连学HTML5系列教程”的第二本书，在学习本书之前需要简单了解一下第一本书中的HTML和CSS内容。本书内容是纯JavaScript语言部分，和浏览器无关，包括JavaScript基本语法、数据类型、流程控制、函数、对象、数组和内置对象，所有知识点都是为了学习DOM编程、Node.js、JS框架等JavaScript高级部分做准备。本书虽然是JavaScript的基础部分，但全书内容都需要牢牢掌握，才能更好地晋级学习。
《细说DOM编程》
这是“跟兄弟连学HTML5系列教程”的第三本书，全书内容都和浏览器相关，在学习本书之前需要掌握前两本书的技术。本书内容包括BOM和DOM两个关键技术点，并且全部以PC端和移动端的Web特效为主线，以实例贯穿全部知识点进行讲解。学完本书的内容，不仅可以用JavaScript原生的语法完成页面的特效编写，也为学习后面的JavaScript框架课程做好了准备。本书内容是Web前端课程的核心，需要读者按书中的实例多加练习，能熟练地进行浏览器中各种特效程序的开发。
《细说AJAX与jQuery》
这是“跟兄弟连学HTML5系列教程”的第四本书，其内容是建立在第三本书之上的，包括服务器端开发语言Node.js、异步传输AJAX和jQuery框架三部分。其中，Node.js部分是为了配合AJAX完成客户端向服务器端的异步请求；jQuery是目前主流的前端开发框架，其目的是让开发者用尽量少的代码完成尽可能多的功能。AJAX和jQuery是目前前端开发的必备技术，本书从基本应用开始学起，用实例分解方式讲解技术点，让读者完全掌握这些必备的技能。
《细说HTML5高级API》
这是“跟兄弟连学HTML5系列教程”的第五本书，是前端开发的应用部分，主要讲解HTML5高级API的相关内容，包括画布、Web存储、应用缓存、服务器发送事件等，可以用来开发移动端的Web APP项目。本书重点讲解了Cordova技术，它提供了一组与设备相关的API，通过这组API，移动应用就能够通过JavaScript访问原生的设备功能，如摄像头、麦克风等。Cordova还提供了一组统一的JavaScript类库，以及与这些类库所用的设备相关的原生后台代码。通过编写HTML5程序，再用Cordova打包出混合APP的项目，可以安装在Android和iOS等设备上。
本套图书的特点
1．内容丰富，由浅入深
本套图书在内容组织上本着“起点低，重点高”的原则，内容几乎涵盖前端开发的所有核心技能，对于某一方面的介绍再从多角度进行延伸。为了让读者更加方便地学习本套图书的内容，在每本书的每个章节中都提供了一些实际的项目案例，便于读者在实践中学习。
2．结构清晰，讲解到位
每个章节都环环相扣，为了让初学者更快地上手，本套图书精心设计了学习方式。对于概念的讲解，都是先用准确的语言总结概括，再用直观的图示演示过程，接着以详细的注释解释代码，最后用形象的比喻帮助记忆。对于框架部分，先提取核心功能快速掌握框架的应用，再用多个对应的实例分别讲解每个模块，最后逐一讲解框架的每个功能。对于代码部分， 先演示程序效果，再根据需求总结出涉及的知识点逐一讲解，然后组合成实例，最后总结分析重点功能的逻辑实现。
3．完整案例，代码实用
为了便于读者学习，本套图书的全部案例都可以在商业项目中直接运用，丰富的案例几乎涵盖前端应用的各个方面。所有的案例都可以通过对应的二维码扫描，直接在手机上查看运行结果，读者可以通过仔细研究其效果，最大限度地掌握开发技术。另外，扫描每个章节中的资源下载二维码，可以获得下载链接，点击链接即可获取所有案例的完整源代码。
4．视频精致，立体学习
字不如表，表不如图，图不如视频，每本书都配有详细讲解的教学视频，由兄弟连名师精心录制，不仅能覆盖书中的全部知识点，而且远远超出书中的内容。通过参考本套图书，再结合教学视频学习，可以加快对知识点的掌握，加快学习进度。读者可以扫描每个章节中提供的教学视频二维码，获取视频列表直接在手机上观看，也可以直接登录“猿代码（www.ydma.cn）”平台在PC端观看，逐步掌握每个技术点。
5．电子教案，学教通用
每本书都提供了和章节配套的电子教案（PPT）。对于学生来说，可以作为学习笔记使用，是知识点的浓缩和重点内容的记录。由于本套图书可以作为高校相关课程的教材或课外辅导书，所以可以方便教师教学使用。读者可以通过扫描对应章节的二维码，下载或在线观看电子教案。本书也为部分章节提供了一些扩展文章，也可以通过扫描二维码的方式下载或在线观看。
6．实时测试，寓学于练
每章最后都提供了专门的测试习题，供读者检验所学知识是否牢固掌握。通过扫描测试习题对应的二维码，可以查看答案和详细的讲解。
7．技术支持，服务到位
为了帮助读者学到更多的HTML5技术，在兄弟连论坛（bbs.itxdl.cn）中还可以下载常用的技术手册和所需的软件。笔者及兄弟连IT教育（新三板上市公司，股票代码：839467）的全体讲师和技术人员也会及时回答读者的提问，与读者进行在线技术交流，并为读者提供各类技术文章，帮助读者提高开发水平，解决读者在开发中遇到的疑难问题。
本套图书的读者群：
有审美，喜欢编程，并且怀揣梦想的有志青年。
打算进入前端编程大门的新手，阶梯递进，由浅入深。
专业培训机构前端课程授课教材，有体系地掌握全部前端技能。
各大院校的在校学生和相关的授课老师，课件、试题、代码丰富实用。
前端页面、Web APP、网页游戏、微信公众号等开发的前沿程序员，是专业人员的开发工具。
其他方向的编程爱好者，需要前端技术配合，或转向前端开发的程序员。
用户评价
作为一名对前端技术充满好奇的新手，我一直觉得DOM编程是学习JavaScript过程中最令人头疼的部分之一。市面上有很多教程，但要么过于理论化，要么过于碎片化。这本书，则像是一盏明灯，照亮了我前进的道路。它从最基础的概念讲起，循序渐进，让我能够扎实地掌握每一个知识点。书中对于DOM节点的各种属性和方法的讲解，都配有清晰的图示和易于理解的代码示例，这让我能够很快地将理论知识转化为实践。我特别喜欢书中关于DOM操作的“最佳实践”部分，它不仅告诉我“怎么做”，还解释了“为什么这样做”，这让我能够形成良好的编程习惯，避免走弯路。而且，书中还包含了一些进阶的内容，比如虚拟DOM的概念，虽然我目前还没有深入研究，但已经对它充满了兴趣，相信在未来的学习中，这本书会继续给我带来启发。
评分我一直以来都对Web开发怀有极大的热情，尤其是那些能够让网页动起来、活起来的技术。虽然JavaScript语言本身已经非常强大，但如果没有DOM这个桥梁，它就无法与HTML和CSS进行有效的交互。这本书，我得说，它彻底改变了我对DOM操作的看法。它不只是简单地告诉你“怎么做”，更重要的是告诉你“为什么这么做”。例如，关于Shadow DOM的介绍，我之前只听说过，但一直没搞懂它究竟有什么用，以及它和普通DOM有什么区别。这本书用非常形象的比喻和精炼的语言，解释了Shadow DOM的封装性，以及它在组件化开发中的重要作用。还有关于Mutation Observer的讲解，这让我认识到，原来可以以一种更现代、更高效的方式来监听DOM的变化，而不再依赖那些古老的`setInterval`轮询。书中对DOM的解析树、渲染树以及布局树的介绍，也让我对浏览器渲染页面的整个流程有了更直观的感受。这种由浅入深、层层递进的讲解方式，非常适合像我这样希望全面掌握前端技术栈的开发者。
评分我是一名UI/UX设计师，虽然我主要负责视觉设计和用户体验，但我也深知前端开发的重要性。为了更好地与开发团队沟通，也为了能够实现一些更具交互性的设计，我一直想深入了解DOM编程。这本书，简直是为我这样的“跨界”学习者准备的。它没有充斥着那些只有程序员才能看懂的术语，而是用一种更加直观、易于理解的方式，解释了DOM是如何工作的。我特别喜欢书中关于DOM结构和层级关系的讲解，这让我能够更清楚地理解网页的构成。而且，书中关于如何使用JavaScript来改变网页内容、样式以及结构的例子，都非常贴合实际应用，我甚至可以直接从中学习到如何实现一些我脑海中的创意。虽然我可能不会成为一名专业的开发者，但这本书让我对前端技术有了更深刻的认识，也让我能够更好地理解开发团队的工作，这对于我未来的设计工作非常有帮助。
评分我是一名资深的前端开发者，经历过从jQuery时代到原生JavaScript时代的转变。坦白说，我对DOM的理解在很多时候都停留在“够用就好”的层面。直到我翻开了这本书，我才意识到自己对DOM的认知是有多么的片面。这本书的内容，可以说覆盖了我之前在实践中遇到的各种疑难杂症，并且给出了非常深入和专业的解答。比如，关于DOM的遍历和查找，书中详细比较了各种方法的优劣，并给出了最佳实践。我尤其欣赏书中关于DOM事件模型的细致分析，包括事件流、事件对象、以及如何有效地处理各种浏览器兼容性问题。我记得以前在做一个复杂的表单验证时，处理各种用户输入和交互所触发的事件，总是要花费大量的时间去调试，这本书中关于事件委托和自定义事件的讲解，为我提供了一种全新的思路。此外，书中对DOM的内存管理和垃圾回收机制的探讨，也让我受益匪浅，这对于构建大型、高性能的Web应用至关重要。
评分这本书简直是为那些想深入理解前端开发核心的人量身打造的。我一直觉得DOM是前端的基石，但很多时候我们只是停留在表面的API调用，缺乏对它底层原理的真正认知。这本书的出现，恰好填补了这个空白。它没有仅仅罗列那些常用的`getElementById`、`querySelector`之类的函数，而是深入浅出地讲解了DOM的生成过程、节点的类型、属性和方法是如何被浏览器解析和执行的。我特别喜欢其中关于事件委托和冒泡/捕获机制的阐述，这部分的内容讲解得非常清晰透彻，配上丰富的图示和代码示例，让我一下子就豁然开朗。以前在处理大量列表项的事件绑定时，总是头疼不已，现在理解了事件委托的原理，才知道原来可以如此高效地优化性能。而且，书中还探讨了DOM性能优化的策略，比如如何减少重绘和回流，如何使用文档片段来批量操作DOM，这些都是我之前一直想要解决但又不得其法的问题。读完这本书，我感觉自己对前端的理解上升到了一个新的高度，不再仅仅是“会用”DOM，而是“理解”DOM，这对于我日后的项目开发，无疑是巨大的提升。
评分不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错
评分不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错
评分不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错
评分想提高JS能力的，这书是个不错的选择！
评分不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错
评分不错
评分不错
评分不错
评分不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错不错
相关图书
本站所有内容均为互联网搜索引擎提供的公开搜索信息，本站不存储任何数据与内容，任何内容与数据均与本站无关，如有需要请联系相关搜索引擎包括但不限于百度，google,bing,sogou 等
© 2025 book.idnshop.cc All Rights Reserved. 静思书屋 版权所有