天天看点

BOM操作

BOM是Browser Object Model的简写,意思是流量器对象模型,BOM操作就是访问和操作浏览器窗口的模型。

BOM整体对象图:

BOM操作

核心是window对象;

以下有特殊双重身份:

window对象既是ECMAScript规范中的Global对象,也是BOM中的顶级对象;

document对象既是BOM顶级对象的一个属性,也是DOM模型中的顶级对象

location对象既是window对象的属性,同时也是document对象的属性。

1_引用window对象的属性和方法时,可以省略window。(就像Globle对象一样)

2_在全局作用域中this和window指向同一个对象,另外,还可以使用self来引用window对象,全等关系即:this===window===self。

3_在全局作用域中定义的变量和函数也会成为window对象的属性和方法,但是和直接在window对象上定义属性还是有区别:

1.2.1 浏览器整个窗口与框架

1.2.2 window作为顶层对象的主要方法:

BOM操作

兼容性:表示窗口位置的属性有screenLeft、screenTop、screenX、screenY、表示窗口大小的属性有innerWidth、innerHeight、outerWidth、outerHeight,但是它们的具体含义和不同的浏览器密切相关。在处理浏览器差异性建议使用JS框架。

history对象保存着从窗口被打开起的历史记录,每个浏览器窗口、标签页、框架都有自己的history对象。

history对象的主要属性和方法有:

BOM操作

location对象提供了与当前窗口中加载的文档有关的信息以及一些导航功能;它既是window对象的属性,同时也是document对象的属性.

主要属性有:

BOM操作

主要方法有:

BOM操作

常用情况,将url后面参数键值对分别添加到对象中保存。例如url?username=Games&age=31,取出args[“username”]=”Games”,args[‘age’]=31;

navigator对象用来描述浏览器本身,包括浏览器的名称、版本、语言、系统平台、用户特性字符串等信息.

但是各个浏览器及浏览器的不同版本之间对这个对象的实现也不尽相同.

特性检测:不建议直接使用navigator的方法或属性进行检测浏览器版本,在使用特定方法时,如果担心兼容性,则可以使用特性检测。

screen对象用来表明客户端显示器的能力。多用于测定客户端能力的站点跟踪工具中。

包括浏览器窗口外部的显示器的信息,如像素宽度和高度等,每个浏览器中的screen对象都包含着各不相同的属性。

screen对象属性有:

BOM操作

document对象既是BOM顶级对象的一个属性,更是DOM模型中的顶级对象,在DOM中一起总结。

继续阅读