DOM和BOM是什么

DOM（Document Object Model）是一种用于表示和操作HTML、XML等文档结构的编程接口。它将文档中的每个元素、属性、文本等都视为对象，并提供了一系列方法和属性来操作这些对象。通过DOM，我们可以动态地改变文档的结构、样式和内容。

BOM（Browser Object Model）是浏览器对象模型的缩写，它提供了与浏览器窗口进行交互的对象和方法。BOM包括了一系列对象，如window、navigator、location等，它们提供了访问浏览器窗口、导航、定位等功能的接口。

总结一下：
- DOM用于操作文档的结构和内容，提供了一种树状结构的方式来表示文档。
- BOM用于与浏览器窗口进行交互，提供了一系列对象和方法来控制浏览器的行为。

相关问题

什么是BOM，DOM和BOM的关系是什么

BOM (Browser Object Model)是指浏览器对象模型，它提供了访问浏览器窗口内部内容的方法和属性。DOM (Document Object Model)是指文档对象模型，它提供了访问和操作HTML和XML文档的方式，包括创建、修改和删除HTML和XML文档中的元素和属性等。BOM和DOM在浏览器中是两个独立的对象模型，互不影响，但它们共同作用于Web页面。在Web页面中，BOM提供的对象可操作页面之外的浏览器窗口、浏览器历史记录等，而DOM提供的对象可操作页面内的元素和属性。

dom和bom常用的api

DOM（文档对象模型）和 BOM（浏览器对象模型）是 Web 前端开发中两个非常重要的概念，它们提供了访问和操作浏览器窗口以及文档内容的 API。

常用的 DOM API 包括：

- `document.getElementById()`：根据元素 ID 获取元素。
- `document.querySelector()`：根据 CSS 选择器获取元素。
- `element.innerHTML`：获取或设置元素的 HTML 内容。
- `element.style`：获取或设置元素的样式。
- `element.addEventListener()`：为元素添加事件监听器。
- `element.appendChild()`：向元素添加子元素。
- `element.removeChild()`：从元素中移除子元素。

常用的 BOM API 包括：

- `window.alert()`：弹出警告框。
- `window.prompt()`：弹出提示框并等待用户输入。
- `window.confirm()`：弹出确认框。
- `window.location`：获取或设置当前页面的 URL。
- `window.history`：控制浏览器历史记录。
- `window.navigator`：获取浏览器的相关信息。
- `window.open()`：打开新窗口或标签页。
- `window.close()`：关闭当前窗口或标签页。

以上仅是常用的 API，DOM 和 BOM 还有很多其他的 API，开发者可以根据实际需求进行查阅。