BOM 常用API

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可以进行操作的浏览器的各个功能部件的接口。