DOM&BOM
文档对象模型 （DOM）：处理网页内容的方法和接口
浏览器对象模型（BOM）：与浏览器交互的方法和接口
BOM
window对象：浏览器中打开的窗口
① 如果文档包含框架（frame 或 iframe 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。
② window.frames 返回窗口中所有命名的框架
③parent是父窗口（如果窗口是顶级窗口，那么parent==self==top）
top是最顶级父窗口（有的窗口中套了好几层frameset或者iframe）
self是当前窗口（等价window）
opener是用open方法打开当前窗口的那个窗口
④与消息框有关的方法：alert(String)、confirm(String)、prompt(String)
⑤两种定时器：setTimeout(code,latency) 和 setInterval(code,period)
注：setTimeout只执行一次code，如果要多次调用，可以让code自身再次调用setTimeout()；setInteval()会不停地调用code，直到clearInterval()被调用。
2）location对象：包含当前URL信息。重点掌握location对象的href属性，用于设置或返回完整的URL。
3）history对象：主要是back()/forward()和go()方法，几乎用不到。
DOM
DOM是W3C组织制定的一套用于访问和操作XML和HTML文档的标准。W3C DOM被分为3个不同的部分 / 级别（parts / levels）：
-
- 核心DOM：用于任何结构化文档的标准模型（不作研究）
- XML DOM：用于XML……
- HTML DOM：用于HTML……
12、XML DOM和HTML DOM
HTML和XML：
HTML：超文本标记语言，标记是有限的，每个标记有自己固定的含义，主要用于信息的显示。
XML：可扩展标记语言，可以自定义标记，扩展性很强，主要用于信息的存储和传送
1） XML DOM和HTML DOM分别定义了访问和操作XML和HTML文档的标准方法（接口）。
2）HTML文档符合XML语法标准，所以可以使用XML DOM API解析HTML（比较麻烦），后面的例子会分别使用HTML DOM和XML DOM进行解析。
3）如果把HTML当做XML对待，不会忽略回车、空格和制表符。
13、DOM节点树模型（以HTML DOM树为例）
1）DOM模型将整个文档（XML文档和HTML文档）看成一个树形结构，并用document对象表示该文档。
2）DOM规定文档中的每个成分都是一个节点（Node）：
文档节点（Document）：代表整个文档
元素节点（Element）：文档中的一个标记
文本节点（Text）：标记中的文本
属性节点（Attr）：代表一个属性，元素才有属性
3）Node为所有节点的父接口，其定义了一组公共的属性和方法，如下：
14、DOM节点三大属性（XML DOM）
1）nodeName：元素节点、属性节点、文本节点分别返回元素的名称、属性的名称和#text的字符串。
2）nodeType：元素节点、属性节点、文本节点的nodeType值分别为1、2、3.、
3）nodeValue：元素节点、属性节点、文本节点的返回值分别为null、属性值和文本节点内容。
原文地址：https://www.cnblogs.com/azurite/p/9852996.html