Browser Object Model 的定义

BOM ,浏览器对象模型。
就是跟浏览器做一些交互效果,比如如何进行页面的后退，前进，刷新，浏览器的窗口发生变化，滚动条的滚动，以及获取客户的一些信息如：浏览器品牌版本，屏幕分辨率

tips 有关于DOM 的一些操作
DOM的顶级对象是document，其中的操作是对 dom 节点的增删改查,以此来改变文档结构。
如

1. createElement(),
2. createDocumentFragment()
   当请求把一个DocumentFragment 节点插入文档树时，
   插入的不是 DocumentFragment自身，而是它的所有子孙节点。
   常用做储存临时节点，然后一次性添加到DOM中。
3. querySelectro(), querySelectorAll()
4. getElementById(), getElementByClassName(), getElementByTagName()
5. p.innerHtml = "<div>bar</div>"
6. p.style.color = "red"
7. appendChild(), insertBefore()
8. parent.removeChild(self);
   删除后的节点虽然不在文档树中了，但它还在内存中，可以随时再次被添加到别的位置

一 window

Bom的核心对象是window，它表示浏览器的一个实例
全局作用域中声明的变量、函数,都会成为window对象的属性和方法

窗口的方法

缩放

resizeTo(w,h)
resizeBy(w,h) 如果参数为负值，将缩小窗体，反之扩大窗体

移动

moveBy(x,y)
moveTo(x,y)

滚动

scrollTo(x,y)
如果有滚动条，将横向滚动条移动到相对于窗体宽度为x个像素的位置，将纵向滚动条移动到相对于窗体高度为y个像素的位置
scrollBy(x,y)
如果有滚动条，将横向滚动条向左移动x个像素，将纵向滚动条向下移动y个像素

open

window.open() 导航到特定url

二 location

用来描述url的。 属性包括protocol,hostname,port,search(？后面的内容), hash(#后面的字符) 等等
href 可获得完整的Url.
location.reload() 刷新本页

三 navigator

navigator 对象主要用来获取浏览器的属性，区分浏览器类型
如appName， appVersion

四 screen

客户端显示器的信息。
如 orientation
left, top (当前屏幕顶端的像素距离)
height, width（屏幕像素宽度）

五 history

操作浏览器URL的历史记录。
go()
forward()
back()
history.length 获取历史记录个数