DOM&BOM

Posted 2021-01-15 azurite

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、属性值和文本节点内容。