🔎这里是【JavaScript】，关注我学习前端不迷路
👍如果对你有帮助，给博主一个免费的点赞以示鼓励
欢迎各位🔎点赞👍评论收藏⭐️
👀专栏介绍
【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，一个数字类型的标识，表示不是一个正确的数字）
