🔎这里是【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
进制
作用:保证数据传递的完整性。
parseInt(string);
string
按照字面值转换为整数类型,小数点后面部分不关注。
parseFloat(string);
string
按照字面值转换为小数类型。
注:
如果字符串的某个字符从字面值上无法转为数字,那么从该字符开始停止转换,仅返回前面正确的
转换值。(例如:11.5a55,
parseInt
结果
11
,
parseFloat
结果
11.5
)
如果字符串的第一个字符就无法从字面值上转为数字,那么停止转换,返回
NaN
NaN
(Not A Number,一个数字类型的标识,表示不是一个正确的数字)