BOM

Browser Object Model，浏览器对象模型。描述对象之间的层次关系，使JS可以与浏览器进行互动。

BOM由多个对象组成，每个对象都提供了很多的方法和属性。

基本结构图

其中window对象是BOM中的最顶级对象，代表浏览器打开的一整个窗口。
Document是Window的大儿子，这是访问HTML页面的入口，用这个入口可以使用DOM的一系列功能。

Screen常用属性

screen.availWidth：返回可用的屏幕宽度；
screen.availHeight：返回可用的屏幕高度；
screen.width：返回总宽度；
screen.height：返回总高度；
screen.colorDepth：返回色彩深度；
screen.pixelDepth：返回色彩分辨率。

Location

属性：
location.herf：返回完整的URL；
location.host：返回主机名及当前URL端口号；
location.hash：返回锚/从#开始的URL；
location.port：返回当前URL的端口号；
location.protocol：返回当前URL使用的协议
location.hostname：返回当前URL的主机名；
location.pathname：返回当前URL的路径部分；
location.search：返回查询部分/从?开始的URL。
方法：
location.assign()：加载新的文档；
location.reload()：重新加载当前文档；
location.replace()：替换当前文档；

History常用方法

history.back()：加载浏览器历史列表中的前一个URL；
history.forward()：加载浏览器历史列表中的下一个URL；
history.go()：可以用来加载浏览器历史列表中的某个具体页面。

Navigator

navigator.appCodeName：返回浏览器代号；
navigator.appName：返回浏览器名称；
navigator.appVersion：返回浏览器版本；
navigator.cookieEnabled：返回浏览器是否启用Cookie；
navigator.platform：返回硬件平台；
navigator.userAgent：返回用户代理；
navigator.systemLanguage：返回用户代理语言。