20170608-BOM

BOM浏览器对象模型

window

• window.innerWidth，window.innerHeight：页面视图容器的大小

• window.outerWidth,window.outerHeight: 浏览器窗口本身的尺寸

• window.open():可以导航到一个特定的URL,也可以打开一个新的浏览器窗口

• setTimeout和setInterval

• 系统对话框：

  • alert()

  • confirm():会返回一个布尔值

  • prompt()

location

提供与当前窗口中加载的文档有关的信息，还提供了一些导航功能

• location对象是一个特别的对象，它既是window对象的属性，也是document对象的属性
  

navigator

提供了浏览器相关的信息，用于识别客户端浏览器

history

保存着用户上网的历史记录，从窗口被打开的那一刻算起。出于安全考虑，开发人员无法得知用户浏览过的URL。不过，借由用户访问过的页面列表，同样可以在不知道实际URL的情况下实现前进和后退。每个浏览器窗口、每个标签页甚至每个框架，都有自己的history对象与特定的window对象相关联。

• history.go()方法可以在用户的历史记录中任意跳转

  • history.go(负数) 后退

  • history.go(正数) 前进

• history.length 获取历史记录的数量

screen

作用较小，只用来表明客户端的能力，其中提供了包括浏览器窗口外部的显示器的信息，例如像素宽度和高度