js中BOM和DOM的区别

BOM（浏览器对象模型）和 DOM（文档对象模型）是两个不同的JavaScript API，它们都是浏览器提供的。

BOM是用于操作浏览器窗口及其内容的API，例如浏览器的位置、大小、历史记录、定时器等。BOM中最常用的对象是window对象，它表示整个浏览器窗口，包括浏览器的菜单栏、工具栏、地址栏等。例如，可以使用BOM的window对象打开一个新窗口、改变窗口的大小或位置等。

DOM则是用于操作网页文档及其内容的API，例如HTML元素、CSS样式、文本内容等。DOM中最常用的对象是document对象，它表示整个HTML文档。例如，可以使用DOM的document对象获取一个HTML元素的内容、改变元素的样式等。

以下是一些BOM和DOM的常见例子：

BOM：

1. 打开一个新窗口：

window.open("https://www.example.com");

2. 更改窗口位置：

window.moveTo(0, 0);

3. 更改窗口大小：

window.resizeTo(500, 500);

DOM：

1. 获取一个元素：

var element = document.getElementById("example");

2. 更改元素的文本内容：

element.innerHTML = "New text";

3. 更改元素的样式：

element.style.color = "red";