JavaScript BOM对象详解：window、location与hisy核心功能.pdfVIP

JavaScriptBOM对象

第十一课

主讲老师：六星教育首席技术总监-Job老师

孝赤感利敬进

悌诚恩他畏取

之之之之之之

心心心心心心

BOM

1.window对象

2.location对象

3.history对象

BOMwindow对象

BOM也叫浏览器对象模型，它提供了很多对象，用于访问浏览器的功能。BOM缺少规范，每个浏览器

提供商又按照自己想法去扩展它，那么浏览器共有对象就成了事实的标准。所以，BOM本身是没有标

准的或者还没有哪个组织去标准它

BOM的核心对象是window，它表示浏览器的一个实例。window对象处于JavaScript结构的最顶层，

对于每个打开的窗口，系统都会自动为其定义window对象

对象的属性和方法

alert(text)创建一个警告对话框，显示一条信息

open(url,name,[options])打开一个新窗口并返回新window对象

setInterval(expression,milliseconds)经过指定时间间隔计算一个表达式

setInterval(function,millisenconds,[arguments])经过指定时间间隔后调用一个函数

setTimeout(expression,milliseconds)在定时器超过后计算一个表达式

setTimeout(expression,milliseconds,[arguments])在定时器超过时后计算一个函数

print()调出打印对话框

find()调出查找对话框

clearInterval(interval)清除之前设置的定时器间隔

clearTimeOut(timer)清除之前设置的超时

close()关闭窗口

新建窗口

使用window.open()方法可以导航到一个特定的URL，也可以打开一个新的浏览器窗口。

它可以接受四个参数：

1.要加载的URL；

2.窗口的名称或窗口目标；

3.一个特性字符串；

4.一个表示新页面是否取代浏览器记录中当前加载页面的布尔值。

窗口的位置和大小

用来确定和修改window对象位置的属性和方法有很多。IE、Safari、Opera和Chrome都提供了

screenLeft和screenTop属性，分别用于表示窗口相对于屏幕左边和上边的位置。

Firefox则在screenX和screenY属性中提供相同的窗口位置信息，Safari和Chrome也同时支持这

两个属性。

//确定窗口的位置,IE支持

alert(screenLeft);//IE支持

alert(typeofscreenLeft);//IE显示number，不支持的显示undefined

//确定窗口的位置,Firefox支持

alert(screenX);//Firefox支持

alert(typeofscreenX);//Firefox显示number,不支持的同上

间歇调用和超时调用

JavaScript是单线程语言，但它允许通过设置超时值和间歇时间值来调度代码

在特定的时刻执行。前者在指定的时间过后执行代码，而后者则是每隔指定

的时间就执行一次代码。

超时调用需要使用window对象的setTimeout()方法，它接受两个参数：要

执行的代码和毫秒数的超时时间

olcation对象

location是BOM对象之一，它提供了与当前窗口中加载的文档有关的信息，还提供了一些导航功能。

事实上，location对象是window对象的属性，也是document对象的属性；

所以window.location和document.location等效。

alert(location);

//获取当前的URL

sithoyr对象

history对象是window对象的属性，它保存着用户上网的记录，从窗口被打开的那一刻算