JavaScript BOM

一、Window对象

1. 浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器“对话”。
2. Window对象表示浏览器窗口，所有JavaScript全局对象、函数以及变量均自动成为 window 对象的成员。
3. 全局变量是window对象的属性，全局函数是window对象的方法。HTML DOM的 document也是window对象的属性之一。
4. window.navigator.userAgent：浏览器标识。

//alert( window.navigator.userAgent )
if( window.navigator.userAgent.indexOf('MSIE') != -1 ) {
    alert('我是ie');
} else {
    alert('我不是ie');
}

5. window.location：浏览器url地址信息，可读可写。

6. window.history：History 对象包含用户（在浏览器窗口中）访问过的 URL。length返回浏览器历史列表中的 URL 数量。back()加载 history 列表中的前一个 URL。 forward()加载 history 列表中的下一个 URL。go()加载 history 列表中的某个具体页面，负数是后退，正数是前进。

二、Window对象方法

1. window.onhashchange：当hash改变触发。
2. window.open(url,target)：打开一个新的浏览器窗口或查找一个已命名的窗口。返回值是新打开的window对象。地址默认是空白页面，打开方式默认新窗口。可以接受第三个参数是打开窗口的样式。

window.open('http://www.baidu.com', '_self');

var opener = window.open();
opener.document.body.style.background = 'red';

3. window.close()：关闭window这个对象窗口。
4. window.scrollTo(x, y)：把内容滚动到指定的坐标。x为水平方向滚动条，y为垂直方向滚动条。

document.onclick = function(){
    window.scrollTo(100,100);
}

5. window.scrollBy(x, y)：滚动叠加，不加px。x为水平方向滚动条，y为垂直方向滚动条。

document.onclick = function(){
    window.scrollBy(100,100);
}

6. onload：文档加载完毕
7. onscroll：滚动的时候
8. onresize：调整尺寸的时候