JavaScript 内置对象

1. 浏览器对象模型（BOM）

• Window对象
• 浏览器其他特性

2. 文档对象模型（DOM）

• document
• 它的子对象

注意节点的概念

主要分成两部分：

• 规定HTML的模型
• 访问和修改HTML的模型

访问

1. 选择单个节点
2. 选择多个节点
3. 在元素节点间遍历

操作

1. 访问/更新文本节点
2. 操作HTML内容
3. 访问/更新属性值

缓存DOM查询

var itemOne = getElementById('one');

如果脚本需要多次使用一个或几个元素，可将其位置保存到一个变量中，以节省DOM树中遍历查找的时间。通常说这个变量存储了DOM树中的一个对象的引用（而不是这个元素）。

• 当一个DOM方法可以返回多个元素时，它会返回一个NodeList(即使只找到一个匹配元素)。
• 从NodeLis中选择元素有 item() 方法和数组方法，推荐使用数组方法，因为其更快。
• 可以使用 NodeValue 属性获取和更新文本节点，用 textCotent 获取和更新包含元素(及其子元素)的文本,也可以用 innerHTML 获取元素的内容，包括其所有标签。
• XSS:跨网站脚本攻击(使用innerHTML的风险)。

新建DOM节点

包含四个步骤：

1. 新建元素
2. 新建文本节点
3. 绑定节点和元素
4. 把元素添加到要添加的NodeList中去

var newItem=document.createElement('li');
var newText=document.createTextNode('kale');
newItem.appendChild(newText);
list.appendChild(newItem);   //添加到list结尾
//如果是开头则用：
//list.insertBefore(newItem,list.firstChild);

3. 全局JavaScript对象

• 与JavaScript语言不同部分相关的一些独立对象，不构成模型
• string
• number
• …

判断条件之 == 与 ===

1. ==

   等于，比较两个值是否相同。

2. ===

   严格 等于,比较两个值，并比较它们的数据类型和值是否完全相同。

3. ！==

   严格 不等于。比较两个值并比较它们的数据类型和值是否不完全相同。