学习js的人都应该知道javascript是由三部分构成，ECMAScript，DOM和BOM，根据宿主
（浏览器）的不同，具体的表现形式也不尽相同。bom和dom都属于js的组成部分，那么，
bom和dom之间有什么区别呢？接下来本篇文章将给大家介绍js中bom和dom之间的区别，
有需要的小伙伴可以看一下，希望对你有所帮助

1、BOM是浏览器对象模型

提供了独立于内容而与浏览器窗口进行交互的对象。描述了与浏览器进行交互的方法和接口，
可以对浏览器窗口进行访问和操作，譬如可以弹出新的窗口，改变状态栏中的文本，
对Cookie的支持，IE还扩展了BOM，加入了ActiveXObject类，可以通过js脚本实例化
ActiveX对象等等）

2、DOM是文档对象模型

DOM是针对XML的基于树的API。描述了处理网页内容的方法和接口，是HTML和XML的API，
DOM把整个页面规划成由节点层级构成的文档。DOM本身是与语言无关的API，它并不与Java，
JavaScript或其他语言绑定。

js中bom和dom的区别之一：

1、BOM是Browser Object Model的缩写，即浏览器对象模型。

BOM和浏览器关系密切。浏览器的很多东西可以通过JavaScript控制的，例如打开新窗口
、打开新选项卡（标签页）、关闭页面，把网页设为主页，或加入收藏夹，等等…这些涉
及到的对象就是BOM。

2、DOM是Document Object Model的缩写，即文档对象模型。

DOM和文档有关，这里的文档指的是网页，也就是HTML文档。网页是由服务器发送给客户
端浏览器的，无论用什么浏览器，接收到的HTML都是一样的，所以DOM和浏览器无关，它
关注的是网页本身的内容。由于和浏览器关系不大，所以标准就好定了。

js中bom和dom的区别之二：

1、BOM没有相关标准。

由于没有标准，不同的浏览器实现同一功能，可以需要不同的实现方式。对于上面说的功
能，不同的浏览器的实现功能所需要的JavaScript代码可能不相同。

2、DOM是W3C的标准。

既然有标准了，大家就要按标准来了。

js中bom和dom的区别之三：

1、BOM的最根本对象是window。

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

最后，需要说明的是：

1、虽然BOM没有一套标准，但是各个浏览器的常用功能的JavaScript代码还是大同小
异的，对于常用的功能实际上已经有默认的标准了。所以不用过于担心浏览器兼容问题
，不是每个浏览器都有自己的BOM，也不需要为每个浏览器都学习一套BOM，只是个别
浏览器会有新增的功能会在BOM上体现出来。

2、我们知道HTML是由标签组成的，标签套标签。JavaScript可以通过DOM获取到底
有哪些标签，标签里面的属性是什么，内容是什么等。