DOM启蒙 在线下载 pdf mobi 2025 epub 电子版

通过《DOM启蒙》，读者将学习如何通过文档对象模型（DOM）更有效率地操作HTML，而无需DOM操作库的帮助。作者Cody Lindley（jQuery手册）用菜谱风格的代码示例，用演示多种节点对象的工作方式，带你领略现代DOM理念。

在过去的十年里，框架简化了DOM的用法，后者因此被开发者尘封在前者之下。《DOM启蒙》通过现代浏览器原生的概念与代码，将这些工具带回视线。读者将理解jQuery在DOM脚本编写中扮演的角色，并学习如何在移动应用和特定浏览器中直接使用DOM编写应用程序。

前言

序言

第1章 节点概览

1.1 文档对象模型（Document Object Model，亦称 DOM）是个由JavaScript节点对象组成的层次结构/树

1.2 节点对象类型

1.3 继承自节点对象的子节点对象

1.4 用于与节点打交道的属性与方法

1.5 识别节点的类型与名称

1.6 获取节点的值

1.7 使用 JavaScript 方法来创建元素与文本节点

1.8 使用 JavaScript 字符串创建并向DOM中添加元素与文本节点

1.9 提取DOM树中的部分作为JavaScript字符串

1.10 使用 appendChild() 与 insertBefore() 向DOM中插入节点对象

1.11 使用 removeChild() 与 replaceChild() 来移除与替换节点

1.12 使用 cloneNode() 来复制节点

1.13 理解节点集合（即 NodeList 与 HTMLCollection）

1.14 获取所有直属子节点的列表/集合

1.15 将 NodeList 或者 HTMLCollection 转换成JavaScript 数组

1.16 遍历 DOM 中的节点

1.17 使用 contains() 与 compareDocumentPosition()验证节点在 DOM 树中的位置

1.18 判断两个节点是否相同

第2章 文档节点

2.1 文档节点概览

2.2 HTML 文档属性与方法（包括继承的）

2.3 获取 HTML Document 通用信息（标题、链接、提及者、最后修改时间及兼容模式）

2.4 文档子节点

2.5 document 提供的 、

、

及

捷径

2.6 使用 document.implementation.hasFeature() 探测 DOM 规范/特性

2.7 获取文档中当前聚焦/激活节点的引用

2.8 判断文档或者文档中任何节点得到焦点

2.9 document.defaultView 是个到顶部/全局对象的捷径

2.10 使用 ownerDocument 从某一元素取得文档的引用

第3章 元素节点

3.1 HTML*Element 对象概览

3.2 HTML*Element 对象属性与方法（包括继承的）

3.3 创建元素

3.4 获取元素的标签名

3.5 获取元素属性与值的列表/集合

3.6 获取、设置及移除元素的属性值

3.7 验证元素是否有某一特定属性

3.8 获取类属性值列表

3.9 添加与移除类属性中的部分值

3.10 变换某个类属性值

3.11 判断类属性值是否含有某一特定值

3.12 获取与设置 data-* 属性

第4章 元素节点选取

4.1 选取特定元素节点

4.2 选取/创建一个元素节点列表（即 NodeList）

4.3 选取所有的直属子元素节点

4.4 选取与上下文有关的元素

4.5 预定义的元素节点选取/列表

4.6 使用 matchesSelector() 验证元素会否被选取

第5章 元素节点几何量与滚动几何量

5.1 元素节点尺寸、偏移及滚动概览

5.2 获取元素相对于 offsetParent 的 offsetTop 及 offsetLeft 值

5.3 使用 getBoundingClientRect() 获取元素相对于视区的Top, Right, Bottom及Left边沿偏移量

5.4 获取元素在视区中的尺寸（边框 + 填充 + 内容）

5.5 获取元素在视区中的尺寸（填充 + 内容），不含边框

5.6 使用 elementFromPoint() 获取视区中某一特定点上最顶层的元素

5.7 使用 scrollHeight 及 scrollWidth 获取滚动元素的尺寸

5.8 使用 scrollTop及scrollLeft 获取并设置从上、左边滚动的距离

5.9 使用 scrollIntoView() 滚动元素到视区

第6章 元素节点内联样式

6.1 样式属性（亦称元素内联 CSS 属性）概览

6.2 获取、设置及移除单个内联 CSS 属性

6.3 获取、设置及移除所有内联 CSS 属性

6.4 使用 getComputedStyle() 获取元素的已计算样式（即包含任何级联样式的实际样式）

6.5 使用 class 及 id 属性应用或者移除元素上的 CSS 属性

第7章 文本节点

7.1 文本对象概览

7.2 文本对象与属性

7.3 空白符创建文本节点

7.4 创建与注入文本节点

7.5 使用 .data 或 nodeValue 获取文本节点值

7.6 使用appendData()、deleteData()、insertData()、replaceData()及 subStringData() 操作文本节点

7.7 当有多个兄弟文本节点时

7.8 使用 textContent 移除文本标记并返回所有的子文本节点

7.9 textContent 与 innerText 的区别

7.10 使用 normalize() 合并兄弟文本节点成单个文本节点

7.11 使用 splitText() 分割文本节点

第8章 DocumentFragment 节点

8.1 DocumentFragment 对象概览

8.2 使用 createDocumentFragment() 创建 DocumentFragment

8.3 添加 DocumentFragment 到实时 DOM

8.4 使用文档片段上的 innerHTML

8.5 通过复制将片段所含节点保留在内存中

第9章 CSS 样式表与 CSS 规则

9.1 CSS 样式表概览

9.2 访问 DOM 中所有样式表（即 CSSStyleSheet 对象）

9.3 CSSStyleSheet 属性与方法

9.4 CSSStyleRule 概览

9.5 CSSStyleRule 属性与方法

9.6 使用 cssRules 获取样式表内的 CSS 规则列表

9.7 使用 insertRule() 和 deleteRule() 来插入与删除样式表中的 CSS 规则

9.8 使用 .style 属性修改 CSSStyleRule 的值

9.9 创建新的内联 CSS 样式表

9.10 以编程方式添加外部样式表到 HTML 文档

9.11 用 .disabled 属性使样式表失效/生效

第10章 DOM 中的 JavaScript

10.1 插入与执行 JavaScript 概览

10.2 JavaScript 默认同步解析

10.3 使用 defer 推迟外部脚本的下载与执行

10.4 使用 async 异步下载并执行外部JavaScript文件

10.5 使用动态

元素强制异步加载并解析外部 JavaScript

10.6 通过给异步

加 onload 回调从而知道它们何时加载完毕

10.7 注意含有 DOM 操作的

的放置

10.8 获取 DOM 中

列表

第11章 DOM 事件

11.1 DOM 事件概览

11.2 DOM 事件类型

11.3 事件流程

11.4 添加事件监听函数到Element节点、window 对象及document 对象

11.5 移除事件监听函数

11.6 从事件对象中获取事件属性

11.7 使用 addEventListener() 时监听函数中 this的值

11.8 事件调用时取得事件模板而不是所绑定的节点或对象

11.9 使用 preventDefault() 撤销浏览器默认事件

11.10 使用 stopPropagation() 终止事件流程

11.11 使用 stopImmediatePropagation() 终止事件流程与相同目标上的其他事件

11.12 自定义事件

11.13 模拟/触发鼠标事件

11.14 事件委托

第12章 创作dom.js：源自jQuery的灵感，服务于现代浏览器，这是一个万众期待的DOM库

12.1 dom.js 概览

12.2 创建唯一作用域

12.3 创建 dom() 与 GetOrMakeDom()，全局暴露 dom() 与 GetOrMakeDom.prototype

12.4 创建传给 dom() 的可选上下文参数

12.5 依据 params 产生一个持有 DOM 节点引用的对象并返回

12.6 创建 each() 方法并使它可链式调用

12.7 创建 html()、append()及 text() 方法

12.8 拉 dom.js 出来兜兜风

12.9 总结与 dom.js 继续

暂无相关内容，正在全力查找中

暂无出版社相关信息，正在全力查找中！

暂无相关书籍摘录，正在全力查找中！

在线阅读地址：DOM启蒙在线阅读

在线听书地址：DOM启蒙在线收听

在线购买地址：DOM启蒙在线购买

暂无原文赏析，正在全力查找中！

书籍介绍

通过《DOM启蒙》，读者将学习如何通过文档对象模型（DOM）更有效率地操作HTML，而无需DOM操作库的帮助。作者Cody Lindley（jQuery手册）用菜谱风格的代码示例，用演示多种节点对象的工作方式，带你领略现代DOM理念。

在过去的十年里，框架简化了DOM的用法，后者因此被开发者尘封在前者之下。《DOM启蒙》通过现代浏览器原生的概念与代码，将这些工具带回视线。读者将理解jQuery在DOM脚本编写中扮演的角色，并学习如何在移动应用和特定浏览器中直接使用DOM编写应用程序。

• 作者：凡事利 发布时间：2022-05-29 14:55:28

  烂书

• 作者：mover 发布时间：2011-12-25 10:07:21

  这本书讲的是人类如何发现微生物并与之斗争的故事，不仅讲述了各位先贤如何发明显微镜、分离、染色、培养微生物，而且还涉及了肺结核、狂犬病、疟疾、黄热病等疾病的发现和征服过程，很有趣，我买了好多本送人。

• 作者：楚门 发布时间：2024-03-02 09:24:55

  亲子阅读打卡第八季·第840天#《坐着高铁去新疆》

• 作者：valer 发布时间：2020-12-02 14:21:24

  绘本中的笔触和色彩很好地还原了旧时的氛围，翻开就能让人沉浸其中，觉得结尾阿吉的眼泪很打动人，在后记中得知亚尼在创作这一章的时候也是家中亲人病故的时候，画这一格的眼泪也是融入了真实的心境吧，能在创作中让自己得到疗愈也是莫大的幸福～祝福亚尼！

• 作者：青狐蛮妖 发布时间：2023-10-27 22:21:17

  抛开出人意料又纷至沓来的故事情节转变，给人以毫无逻辑的惊喜，单就图画来说，旁帝也够得上一位大师，鲜明的绘画风格独树一帜，还在创造出许多奇特的小生物。

• 作者：书不白读 发布时间：2021-03-29 12:50:57

  年龄带给我们的是经验、经历和成长，而非自卑。30岁的我们，比在此之前的自己，更有权利选择自己想要过什么样的人生。所以，当你面对不公、歧视……请勇敢反击。

• 基础扎实

  作者：明亮的史生 发布时间：2020-02-18 14:08:28

  本科时学习的是李子奈老师的教材，与陈强老师的相比要浅显的多。教材的特色在于计量的理论部分，比如大样本OLS，IV等许多中级计量教材不重点涉及的部分，该书都有较为完备的讨论。个人感觉作为教材而言的话，缺一些可读性，表述更像是上课的讲义。较为幸运的是，陈强老师的中级计量推出过网课，老师的讲解对于理论的理解起到了不可或缺的补充，一定要一起看哦。

  书4星，配套视频加一星，一共5星。

• 翻译勘误

  作者：Luke 发布时间：2020-07-05 14:49:47

  作者 Cody Lindley 在网上已开源了

  初稿版本

  。陈养剑的译本整体质量上佳，但略有瑕疵。以下是本人根据开源版本和自己理解整理的勘误。勘误不一定对，欢迎留言指正。

  每一条勘误的格式统一，首先是译本的页码，章节及译文，然后是对应的原文，最后是错误解释。

  译文：第2页 1.2 节点对象类型

  TEXT_NODE（如 HTML 文档中由换行符与空白字符构成的文本字符）

  原文：

  TEXT_NODE

  (e.g. text characters in an html document including carriage returns and white space)

  解释：

  TEXT_NODE 包含所有的文本字符，其中也有换行符和空白字符。译文把 TEXT_NODE 涵盖的范围缩小到仅包含「换行符与空白字符」。