理解 BOM、DOM、JS 的关系

什么是BOM？

1、BOM即浏览器对象模型，其提供一系列的接口供开发者使用javascript与浏览器窗口进行交互。
2、BOM提供的是与浏览器窗口交互的能力，其包含了一些处理窗口的方法，如打开新窗口，控制新窗口的大小，也提供了窗口相关的属性。
3、BOM操作入口可以理解为window对象，即浏览器下的全局对象。

什么是DOM？

DOM即文档对象模型，它允许脚本js控制Web页面、窗口和文档。

HTML的DOM树

DOM基本功能

（1）查询某个元素。
（2）查询某个元素的祖先、兄弟以及后代元素。
（3）获取、修改元素的属性
（4）获取修改元素的内容
（5）创建、插入、删除元素

DOM就是一张映射表啦，记录着一堆用代码操控document时的规章制度，直白点说，就是js操作html时的API

• document.queryselect()
• document.createElement()
• document.onkey()

等等很多东西！

BOM 的操作对象有哪些那？

BOM即浏览器对象模型，浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成，其中代表浏览器窗口的Window对象是BOM的顶层对象，其他对象都是该对象的子对象。

1. window.alert（）
2. setTimeout() / setInterval()
3. window.onload()
4. location | location.href | location.reload | location.replace
5. history | history.back | history.forward | history.go
6. navigator | window.navigation.userAgent | window.navgator.platform