BOM对象

BOM对象

需求分析

BOM对象包括window（窗口）、navigator（浏览器程序）、screen（屏幕）、location（地址）、history（历史）和document（文档）等对象，主要用于操作浏览器窗口的行为和特征。

1.BOM对象

window对象是浏览器的窗口，它是整个BOM的核心，位于BOM对象的最顶层

（1）window对象

window对象表示整个浏览器窗口，用于获取浏览器窗口的大小、位置，或设置定时器等。

window对象常用的属性和方法（列举部分）

①document、history、location、navigation、scream：返回相应对象的引用。

②parent、self、top：分别返回父窗口、当前窗口和最顶层窗口的对象引用。

③innerWidth、innerHeight：分别返回窗口的文档显示区域的宽度和高度。

④outerWidth、outerHeight：分别返回窗口的外部宽度和高度。

⑤closed：返回窗口是否已经关闭。

⑥opener：返回对创建此窗口的窗口引用。

a）window对象的基本用法

在前面的学习中，通常使用alert（）弹出一个警告提示框，实际上完整的写法应该是window.alert（），即调用window对象的alert（）方法。因为window对象是最顶层的对象，所以调用它的属性或方法时可以省略window。

b）打开和关闭窗口

window.open（）方法用于打开新窗口，window.close（）方法用于关闭窗口。

c）setTimeout（）定时器的使用

setTimeout（）定时器可以实现延时操作，即延时一段时间后执行指定的代码，代码如下：

 

 

上述代码实现了当网页打开后，停留2秒就会弹出alert（）提示框。setTimeout（show，2000）的第一个参数表示要执行的代码，第二个参数表示要延时的毫秒值。

当需要清除定时器时，可以使用clearTimeout（）方法，示例代码如下：

 

 

上述代码设置了两个定时器：t1和t2，如果没有清楚定时器，则两个定时器都会执行，如果清除了定时器t1，则只有定时器t2可以执行。