【JavaScript】DOM对象&JS事件总结&全局函数

👀专栏介绍

【JavaScript】 目前主要更新JavaScript，一起学习一起进步。

👀本期介绍

本期主要介绍DOM对象&JS事件总结&全局函数

文章目录

1. DOM 对象

1.1 DOM 对象是什么？有什么作用？

1.2 DOM 树介绍

1.3 DOM 和 BOM 关系

2. JS 事件总结

3. 全局函数（global）

3.1 执行

3.2 编码和解码

3.3 字符串转数字

1. DOM 对象

1.1 DOM 对象是什么？有什么作用？

DOM （ Document Object Model ） 文档对象模型

文档：标记型文档（ HTML 、 XML 等）

DOM 是将标记型文档中所有内容（标签、文本、属性）都封装成对象，

通过操作对象的属性或者方法，来达到操作或者改变 HTML 展示效果的目的。

1.2 DOM 树介绍

上述 HTML 文档会被浏览器 由上到下依次 加载并解析。

加载到浏览器的内存

加载并解析到内存中，会生成一张 DOM 树

其中：

在 DOM 树中所有的成员都可以成为节点 (Node)

整个 DOM 树，是一个文档节点对象，即 DOM 对象。 document

一个 HTML 文档加载到内存中就会形成一个 DOM 对象

1.3 DOM 和 BOM 关系

BOM 包含了 DOM 对象

1.4 节点属性

2. JS 事件总结

常见事件

示例代码：

鼠标键盘事件

示例代码：

3. 全局函数（global）

3.1 执行

作用：用于增强程序的扩展性。

注：只可以传递原始数据类型 string ，传递 String 对象无作用。

3.2 编码和解码

URL/URI 编码：中文及特殊符号

%16 进制

作用：保证数据传递的完整性。

3.3 字符串转数字

parseInt(string);

string 按照字面值转换为整数类型，小数点后面部分不关注。

parseFloat(string);

string 按照字面值转换为小数类型。

注：

如果字符串的某个字符从字面值上无法转为数字，那么从该字符开始停止转换，仅返回前面正确的

转换值。（例如：11.5a55， parseInt 结果 11 ， parseFloat 结果 11.5 ）

如果字符串的第一个字符就无法从字面值上转为数字，那么停止转换，返回 NaN

NaN （Not A Number，一个数字类型的标识，表示不是一个正确的数字）