JavaScript BOM和DOM

Browser Object Model

BOM是全部JavaScript的核心，全部的功能其实都创建在BOM基础之上。各浏览器提供的BOM的功能存在很大差别，BOM在HTML5中已经有很大一部分被放入了标准。

Window对象

• window对象表明全局做用域。
• 若是页面包括frame，则每一个frame都有本身的window对象。
• window.open()能够打开新的窗口(或tab页)

location对象

主要管理地址栏中的信息:

console.log(window.location === document.location); //true

navigator对象

管理浏览器的信息
好比：

navigator.plugins //返回插件数组
navigator.cookieEnabled //true
navigator.userAgent //"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3440.106 Safari/537.36"

详细属性参考：
https://developer.mozilla.org/zh-CN/docs/Web/API/Window/navigator

screen对象

管理显示器相关信息，好比屏幕分辨率
使用最多的是做为media query时

@media screen and (max-width: 980px)
{}

history对象

管理浏览器的访问历史记录
常见使用场景: 如react-route或vue-route中的Browser类型，在浏览器中就基于hisotry对象

Document Object Model

节点类型

• Node类型
• Document类型
• Element类型
• Attr类型
• Text类型
• Comment类型
• CDATASection类型
• DocumentTYpe类型
• DOcumentFragment类型

DOM操做

原生JavaScript和DOM编程不在这里细说
针对DOM一直都有持续性的扩展，好比:

• API的扩展
• HTML5的扩展
• DOM2和DOM3扩展(包括DOM操做函数，样式，遍历等)