document、DOM、window、BOM区别

看到一篇不错的讲解这四个的文章，所以这里就把其中的知识点记录下来，并且加上我自己的一些总结。

总结一下：

DOM 是为了操作文档出现的 API，document 是其的一个对象；

BOM 是为了操作浏览器出现的 API，window 是其的一个对象。

DOM

为了能够通过编程的方法操作HTML的内容（添些元素、修改元素、删除元素），即对各种DOM进行操作。

Document

Document就是整个DOM树的根节点。可以通过document访问到dom树的所有节点。

下面是总结的document的属性

cookie 
domain:返回文档当前的域名
URL:返回文档当前的URL
title:拿到文档的标题
body
head
getElementBy系列
复制代码

BOM

BOM是为了控制浏览器行为而出现的接口。它里面有着很多的对象来操作浏览器的行为。 下面这张图就是知乎上某个知友贴出来的区分BOM区域和DOM区域的。

window

window是BOM中的一个对象。window是BOM的顶层对象，其他的BOM对象都是window的属性

下面是window对象的属性，主要用于获取浏览器信息和对浏览器的操作。