随笔录--BOM与DOM

官方解析

BOM 和 DOM 都是 JavaScript 中的概念，但它们具有不同的作用。

BOM（Browser Object Model）是浏览器对象模型，它提供了一些浏览器窗口和框架的对象，并提供了一些操作这些对象的方法。BOM 不是 W3C 标准，而是由浏览器厂商制定的。

下面是一些常见的BOM函数：

• alert()：在浏览器中显示一个警告框。

• confirm()：在浏览器中显示一个确认框，要求用户单击“确定”或“取消”按钮。

• prompt()：在浏览器中显示一个提示框，要求用户输入文本。

• setTimeout()：用于在指定的时间后执行一段代码。

• setInterval()：用于以指定的时间间隔重复执行一段代码。

DOM（Document Object Model）是文档对象模型，它定义了一种标准的方法来访问和操作 HTML 或 XML 文档中的元素和内容。DOM 是 W3C 标准。

下面是一些常见的 DOM 函数：

• getElementById()：根据元素 ID 获取元素对象。

• getElementsByTagName()：根据标签名获取元素对象数组。

• getElementsByClassName()：根据类名获取元素对象数组。

• appendChild()：将一个节点添加到指定父节点的子节点列表的末尾。

• removeChild()：从指定父节点的子节点列表中删除一个子节点。

总体来说，BOM 主要用于操作浏览器窗口和框架，而 DOM 主要用于访问和操作 HTML 或 XML 文档中的元素和内容。

 

DOM 简介

文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的可处理标记扩展语言的标准编程接口 ，W3C 已经定义了一系列的 DOM 接口,通过这些 DOM 接口可以改变网页的内容,结构和样式.

DOM：

1. 文档对象模型

2. DOM 把文档看作一个对象来看待

3. DOM 的顶级对象是 document

4. DOM 主要学习的是操作页面元素

常用接口函数：

• getElementById 根据Id名获取文档的元素对象

• getElementsByTagName 根据标签名获取元素对象集合，以伪数组的形式存储

• getElementsByClassName 根据类名获取元素集合

• querySelector ('符号+选择器')返回指定选择器的第一个对象

• querySelectorAll ('符号+选择器')返回指定选择器的所有元素对象集合

• appendChild 将一个节点添加到指定父节点的子节点列表的末尾。

BOM(Browser Object Model)

即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象

BOM:

• 浏览器对象模型

• BOM 把浏览器当作对象来看待

• BOM 的顶级对象是：window

• BOM 学习的是浏览器窗口交互的一些对象

• BOM 是浏览器厂商在各自浏览器上定义，兼容性差

BOM常用的接口函数

1. alert()：在浏览器中显示一个警告框

2. onload() 窗口（页面）加载事件

3. addEventListener() 监听事件响应然后触发对应操作

4. setTimeout()：用于在指定的时间后执行一段代码。

5. setInterval()：用于以指定的时间间隔重复执行一段代码。