BOM和DOM

1.关于BOM

BOM是浏览器对象模型，BOM提供了很多对象，用于访问浏览器的功能，这些功能与任何网页内容无关；主要是用来获取或设置浏览器的属性和行为，比如打开窗口、关闭页面、获取浏览器的宽高度等。

window.open();//打开窗口
window.colose();//关闭窗口
console.log(window.innerWidth);//获取浏览器的宽度
console.log(window.innerHeight);//获取浏览器的高度

BOM是由navigator、history、screen、location、window五个对象组成的，最根本对象是window。

2.关于DOM

DOM是文档对象模型，HTML 和 XML 的应用程序接口（API），用来获取或设置文档中标签的属性，和HTML网页有关。网页是由服务器发送给客户端浏览器的，无论用什么浏览器，接收到的HTML都是一样的，所以DOM和浏览器无关，它关注的是网页本身的内容。

document.getElementById();//根据ID获取一个标签
document.getElementByClassName();//根据Class名获取
document.getElementByTagName();//根据标签名获取一个标签集

DOM最根本对象是document（实际上是window.document）。

3.BOM和DOM的区别

DOM描述了处理网页内容的方法和接口，与浏览器无关；BOM描述了与浏览器进行交互的方法和接口，与浏览器关系密切。
DOM的最根本对象是document，BOM的最根本对象是window。