浏览器对象模型（简称BOM），是独立于HTML界面的于浏览器相关的一些信息对象的模型。BOM主要由一系列的对象属性和方法组成

window对象

属性

• innerWidth / innerHeight：返回窗口的文档显示区的 宽度 / 高度 (包含滚动条)。

• console

方法

• close()：关闭当前窗口

• open(url[, name])：打开地址一个地址，类似于a标签跳转

  url：打开的网页地址

• name：指定打开的方式

  _self 当前窗口

• _blank 新窗口

var selectText = window.getSelection().toString();

• setInterval() setTimeout()

• alert() confirm() prompt()

Navigator对象

Navigator包含了浏览器相关的一些信息例如浏览器的版本信息等等

属性

userAgent：返回由客户机发送服务器的user-agent 头部的值，可以用于判断浏览器的版本function version(){ // 获取浏览器的User-Agent字符串 var userAgent = navigator.userAgent; ​ // 浏览器厂商或者版本的标识信息 var v = { Opera : ['OPR'], Safari:['Version','Safari'], Chrome:['Chrome'], Firefox:['Firefox'], IE10:['compatible','MSIE 10.0'], IE9:['compatible','MSIE 9.0'], IE8:['compatible','MSIE 8.0'], IE7:['compatible','MSIE 7.0'] }; ​ // 判断是否满足某个浏览器的所有标识信息 var bool; for(var k in v){ bool = true for(var j=0;j<v[k].length;j++){ if(!(new RegExp(v[k][j]).test(userAgent))){ bool = false; } } if(bool){ return k; } } }

• onLine：返回一个布尔值，表示浏览器是否离线（true：表示没有离线）

location 对象

location 对象是window对象下的属性之一，主要包含了当前的URL相关的信息

属性

• host：返回当前网页URL的域名或者主机和端口的部分（需要再后台环境中）

• href：返回或者设置当前网页完整的URL

• protocol：返回协议部分（http:、https:、file:、ftp: ...）

方法

• assign(url)：载入一个新的文档

• reload()：重新载入当前文档