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,一个数字类型的标识,表示不是一个正确的数字)