JS-BOM对象概叙

BOM（Browser Object Model 浏览器对象模型）

window是全局浏览器内置顶级对象

表示浏览器中打开的窗口（没有应用于window对象的公开标准，不过所有浏览器都支持该对象）
Window 对象表示一个浏览器窗口或一个框架。
在客户端 JavaScript 中，Window 对象是全局对象，所有的表达式都在当前的环境中计算。
也就是说，要引用当前窗口根本不需要特殊的语法，可以把那个窗口的属性作为全局变量来使用。
例如，可以只写 document，而不必写 window.document。
同样，可以把当前窗口对象的方法当作函数来使用，如只写 alert()，而不必写 Window.alert()。
除了上面列出的属性和方法，Window 对象还实现了核心 JavaScript 所定义的所有全局属性和方法。

1、全局变量默认是挂在window下的

var  a = 123;
alert(window.a)//123

2、window下的子对象

（1）location

window.location.href 当前页面的 URL，可以获取，可以修改（页面跳转）
window.location.hostname web 主机的域名
window.location.pathname 当前页面的路径和文件名
window.location.port web 主机的端口（80 或 443）
window.location.protocol 所使用的 web 协议（http:// 或 https://）
window.location.search 请求参数（？后面的内容）

window.location.reload();
刷新页面，一般情况下给reload()传递一个true，让他刷新，并不使用缓存。缓存的东西一般为js文件，css文件等。
用这个方法可以让自己不能动的页面动起来了。刷新当前页面。

（2）window.navigator

navigator.appName 返回获取当前浏览器的名称。
navigator.appVersion 返回获取当前浏览器的版本号。
navigator.platform 返回当前计算机的操作系统。
以上属性已经在逐渐被抛弃了。一个新的属性将替代这些属性。

navigator.userAgent 返回浏览器信息（可用此属性判断当前浏览器）

判断当前浏览器类型的代码：

function isBrowser() {var userAgent = navigator.userAgent;//微信内置浏览器if(userAgent.match(/MicroMessenger/i) == 'MicroMessenger') {return "MicroMessenger";}//QQ内置浏览器else if(userAgent.match(/QQ/i) == 'QQ') {return "QQ";}//Chromeelse if(userAgent.match(/Chrome/i) == 'Chrome') {return "Chrome";}//Operaelse if(userAgent.match(/Opera/i) == 'Opera') {return "Opera";}//Firefoxelse if(userAgent.match(/Firefox/i) == 'Firefox') {return "Firefox";}//Safarielse if(userAgent.match(/Safari/i) == 'Safari') {return "Safari";}//IEelse if(!!window.ActiveXObject || "ActiveXObject" in window) {return "IE";}else {return "未定义:"+userAgent;}
}

（3）history

history.go(1) 参数可写任意整数，正数前进，负数后退
history.back() 后退
history.forward() 前进

（4）screen: 屏幕

window.screen.width 返回当前屏幕宽度(分辨率值)
window.screen.height 返回当前屏幕高度(分辨率值)

（5）window下的弹框方法

alert() prompt() confirm()

（6）定时器

超时定时器间隔定时器
setTimeout setInterval
clearTimeout clearInterval

（7）window.onload

（8）window.onscroll

var scrolltop=document.documentElement.scrollTop||document.body.scrollTop; //兼容

（9）window.window.onresize