笔记-JS高级程序设计-BOM篇

BOM提供了很多对象，用于访问浏览器的功能。这些功能与任何网页无关。

1BOM的核心对象是window，它代表浏览器的一个实例，它是通过JS访问浏览器窗口的一个借口，同时又是ECMAScript规定的global对象，因此我们在网页中定义的任何一个对象，变量和函数都是以window作为其global对象的(ES6规定，let，const，class定义的全局变量，不再是以window作为global)

注意：定义的全局变量是不能通过delete操作符删除的，但是window对象上面定义的属性可以。

2如果页面包含多个框架，则每个框架都拥有自己的window对象，并且保存在frames集合中。每个window对象都有name属性，通过top.frames[index]，或者top.frames[name]来访问相对应的window对象，与top顶层想对应的是parent，该对象指向的始终是当前框架的直接上层框架。

3screenLeft 与screenTop ：分别表示浏览器窗口相对于电脑屏幕的左侧与顶部的距离，screenX与screenY，是相对于不同的浏览器而言。不能跨浏览器取到值，存在兼容，但是moveTo()与moveBy可以精准的将窗口移动到一个新位置

4窗口大小：

innerWidth，innerHeight   Opera 表示容器中视图的大小，(减去了边框宽度)

outerWidth:，outerHeight 浏览器窗口本身的宽和高

注意1： Chrome中，innerWidth == outerWidth 他们宽高相等，即都返回的是页面视图的大小，而不是浏览器窗口的大小。

注意2：document.documentElement.clientWidth，document.documentElement.clientHeight中保存了页面视口的信息，这些属性必须在标准模式下 IE6

混合模式下，document.body.clientWidth,document.body.clientHeigth 取得相同的信息 IE6

Chrome的混杂模式，两种方式都可以

5setTimeout超时调用(执行一次)，相当于一个定时炸弹一样，该方法会返回一个数值Id，clearTimeout(id)可以在未执行之前来达到清除的作用；

setInterval()间歇性调用(多次执行)，clearInterval(id)可以取消间隙性的调用；

6location对象是最有用的BOM对象之一，他提供了与当前窗口中加载的文档的信息，他既是window对象的属性，也是document对象的属性，

7navigator对象存储着客户端浏览器的信息，