javascript bom是什么及bom和dom的区别

BOM（Browser Object Model）是指浏览器对象模型，它提供了一组对象和方法，用于操作浏览器窗口、浏览器历史记录、浏览器地址栏等浏览器本身的属性和方法。而DOM（Document Object Model）是指文档对象模型，它提供了一组对象和方法，用于操作网页上的元素，如获取元素、修改元素样式、添加元素等。

BOM和DOM的区别在于，BOM对象和方法用于操作浏览器本身，而DOM对象和方法用于操作网页元素。另外，BOM对象和方法在各个浏览器之间存在差异，而DOM对象和方法的接口是标准的，不存在差异。

下面是两个示例说明：

示例1：操作浏览器窗口

可以使用BOM的window对象来操作浏览器窗口。例如，可以使用以下代码打开一个新的浏览器窗口：

window.open('https://www.baidu.com', '_blank');

其中，第一个参数指定要打开的网址，第二个参数指定窗口的名称，"_blank"表示打开一个新窗口。还可以使用window对象的其他方法和属性来控制浏览器窗口的大小、位置等。

示例2：修改元素样式

可以使用DOM的document对象来操作网页上的元素。例如，可以使用以下代码修改一个元素的样式：

document.getElementById('myDiv').style.color = 'red';

其中，getElementById方法用于获取指定ID的元素，style属性用于获取元素的样式，color属性用于设置文本颜色。

总之，BOM和DOM提供了大量的对象和方法，可以方便开发者进行浏览器和网页的操作。但是由于BOM对象和方法存在浏览器差异，因此在编写跨浏览器的代码时需要注意。