JavaScript - 你知道DOM和BOM的区别吗

这两个都是JavaScript里的知识点，在开发中，经常会有一些单词，通过他们的首字母形成一个新的看似单词其实又不是单词的玩意。他们都是用来描述浏览器的特定的对象模型的。

1 是否要记住单词拆分？

如果你的英文比较好，就可以优先回答他们对应的英文全称，如DOM是Document Object Model，BOM是Browser Object Model。如果你的英文不太好怎么办呢？记下来，而且这也没几个单词，对吧。

2 JS每天都在做什么？

其实你会发现，JS每天无非就是组装组装数据，获取一下浏览器和文档中的元素，然后操作一下他们，把数据和他们再组装组装，把样式和他们组装组装。所以综合来看，JS就是在和DOM和BOM打交道的。

那么在这其中，DOM这个对象模型，就是用来获取和操作网页文档的对象模型，而BOM则是用来获取和操作浏览器窗口及其各个组件的对象模型。

所以让背一背DOM和BOM的全称，主要就是Document和Brower这两个单词。

3 DOM

3.1 

DOM 是表示 HTML 和 XML 文档的标准的对象模型。它将文档中的每个组件（如元素、属性、文本等）都看作是一个对象，开发者可以使用 JavaScript 来操作这些对象，从而动态地改变页面的内容、结构和样式。

3.2

DOM 以树状结构组织文档的内容，其中树的根节点是document对象，它代表整个文档。document对象有各种方法和属性，可以用来访问和修改文档的内容和结构。

4 BOM

4.1 

BOM 是表示浏览器窗口及其各个组件的对象模型。它提供了一组对象，用于访问和控制浏览器窗口及其各个部分，如地址栏、历史记录等。

4.2

BOM 的核心对象是window对象，它表示浏览器窗口，并且是 JavaScript 中的全局对象。window对象提供了许多属性和方法，用于控制浏览器窗口的各个方面，如页面导航、定时器、对话框等。

4.3

BOM 还提供了其他一些对象，如 navigator（提供浏览器相关信息）、location（提供当前文档的 URL 信息）、history（提供浏览器历史记录）、screen（提供屏幕信息）等。