BOM概念
BOM是Browser Object Model的缩写，简称浏览器对象模型。这个对象就是window
BOM提供了独立于内容而与浏览器窗口进行交互的对象
BOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性
BOM缺乏标准，JavaScript语法的标准化组织是ECMA，DOM的标准化组织是W3C
BOM最初是Netscape浏览器标准的一部分
由于BOM主要用于管理窗口与窗口之间的通讯，因此其核心对象是window。
window对象介绍，内置对象（location／history／navigator）及方法：
// 什么是window对象，window对象是浏览器内置的一个对象，相当于BOM的一个抽象
// window对象是js中全局对象的寄存地。
window对象的常见方法：
alert(要显示的文本); //弹出信息框
prompt(提示对话框信息); //弹出输入框，点击确定，返回字符串，点击取消，返回null
confirm(提示文字); //点击确定返回true，点击取消返回false
close(); //关闭浏览器（火狐不支持！），但都支持通过别的网页打开的新的网页关闭
//不允许关闭非脚本打开的页面
open(url,name,feature,replace);
//open('http://www.baidu.com','_blank','width=300,height=300')
//谷歌会默认把系统自动打开的新网页阻止掉，但不阻止通过事件打开的网页
window对象下内置的子对象：
1.history对象：该对象包含浏览器访问过的url。
// 该对象的属性：
history.length; //返回历史记录的数量
// 该对象的方法：
history.back(); //后退，加载前一个url。
history.forward(); //前进，需要后退一下之后，才有前进的方向
history.go(num); //参数为正，前进相应的数目，为负，后退相应的数目，为0，刷新
2.location对象：包含当前url的相关信息，而history对象不能具体反映url的相关信息。
// 该对象的属性：
location.href; //设置或返回完整的url
location.search; //返回url?后面的查询部分
location.hash; //是一个可读写的字符串，是url的锚部分（从#开始的部分）哈希
// 该对象的方法：
location.reload(); //刷新页面的方法，一般情况下，传递一个true，不使用缓存刷新。缓存？
location.assign(url); //加载新页面，当url为空字符时，加载当前页面
3.navigator对象：浏览器信息
navigator.appName; //返回当前浏览器名
navigator.appCodeName; //返回当前浏览器的代码名
navigator.appVersion; //返回当前浏览器的版本号和平台
navigator.platform; //返回当前计算机的操作系统
以上方法已经在逐渐被抛弃，出现一个新的属性替代这些属性：
navigator.userAgent; //返回浏览器信息
几乎没什么卵用
4.frames对象：包含当前页面所有的框架信息。
frames.length; //返回当前页面的框架数量
frames[0].location; //修改第一个框架的地址
5.screen对象：包含当前显示屏信息
screen.width/height //屏幕总宽高度
screen.availWidth/availHeight //屏幕的宽高（不包括任务栏）
window.onload / onscroll／onresize 事件
// onload当文档加载完成后执行一些操作
window.onload = function(){
console.log("页面加载完成")
}
// onscroll当页面发生滚动时执行一些操作
window.onload = function(){
console.log(1) //当页面发生滚动时，打印1
}
// onresize当窗口大小发生改变时执行一些操作
window.onresize = function(){
console.log(1) //当窗口大小发生改变时，打印1
}
// 页面滚动条距离顶部的距离
document.documentElement.scrollTop
// 页面滚动条距离左边的距离
document.documentElement.scrollLeft