BOM 简介
用于操作浏览器的API
BOM是browser object model的缩写,简称浏览器对象模型
BOM提供了独立于内容而与浏览器窗口进行交互的对象
由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是window
BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性
BOM缺乏标准,JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C
BOM最初是Netscape浏览器标准的一部分
常用API
粗略的过了一遍MDN上的BOM属性,记录部分常用的BOM API
window.history
操纵浏览器记录

history.back(); // 等同于点击浏览器的回退按钮
history.go(-1); //等同于history.back();
window.innerHeight/innerWidth
浏览器窗口的视口(viewport)高宽

*window.location
操作刷新按钮和地址栏
location.host
设置或取得当前 URL 的主机名称和端口

*IE和Opera及苹果不支持
location.pathname
设置或取得当前 URL 的路径部分

location.search
查询或设置当前URL的?号开始的字符串

location.href
返回整个URL

location.hash
返回或设置#号开始的部分

location.origin
返回当前域名

*此属性为只读,且IE8不支持
window.navigator
返回当前浏览器的信息

navigator.userAgent
获得HTTP请求的用户带头的值

window.screen
返回有关屏幕大小宽高以及颜色深度等信息
dog | bird |
----|------|--
screen.availWidth | 可用的屏幕宽度
screen.availHeight | 可用的屏幕宽度
screen.width | 当前屏幕宽度 (分辨率)
screen.height | 当前屏幕高度 (分辨率值)
screen.colorDepth | 当前屏幕色彩深度(bit)

window.self
即window
尽量少使用全局变量!!
window.top
返回最顶层页面
window.open()
于打开一个新的浏览器窗口或查找一个已命名的窗口

再次注意:
BOM,即JavaScript可以进行操作的浏览器的各个功能部件的接口。
网友评论