BOM（Browser Object Model）是指浏览器对象模型，它提供了一组对象和方法，用于操作浏览器窗口、浏览器历史记录、浏览器地址栏等浏览器本身的属性和方法。而DOM（Document Object Model）是指文档对象模型，它提供了一组对象和方法，用于操作网页上的元素，如获取元素、修改元素样式、添加元素等。
BOM和DOM的区别在于，BOM对象和方法用于操作浏览器本身，而DOM对象和方法用于操作网页元素。另外，BOM对象和方法在各个浏览器之间存在差异，而DOM对象和方法的接口是标准的，不存在差异。
下面是两个示例说明：
可以使用BOM的window对象来操作浏览器窗口。例如，可以使用以下代码打开一个新的浏览器窗口：
window.open('https://www.baidu.com', '_blank');
其中，第一个参数指定要打开的网址，第二个参数指定窗口的名称，"_blank"表示打开一个新窗口。还可以使用window对象的其他方法和属性来控制浏览器窗口的大小、位置等。
可以使用DOM的document对象来操作网页上的元素。例如，可以使用以下代码修改一个元素的样式：
document.getElementById('myDiv').style.color = 'red';
其中，getElementById方法用于获取指定ID的元素，style属性用于获取元素的样式，color属性用于设置文本颜色。
总之，BOM和DOM提供了大量的对象和方法，可以方便开发者进行浏览器和网页的操作。但是由于BOM对象和方法存在浏览器差异，因此在编写跨浏览器的代码时需要注意。
本文链接：http://task.lmcjl.com/news/10502.html