基于JavaScript：浏览器对象模型，第四章

视频教学资源

理解浏览器对象模型

掌握window对象常用的属性和方法

掌握location对象常用的属性和方法

掌握history对象常用的方法

了解navigator对象和screen对象

请在预习前完成下列单词，将单词写在横线上。

window（[ˈwindəu]窗口）：____________________________________________

alert（[ə'lɜ：t]警告）：_______________________________________________

prompt（[prɒmpt]提示）：_____________________________________________

confirm（[kənˈfə：m]确认，证实）：______________________________________

interval（[ˈintəvəl]间隔）：__________________________________________

blur（[blɜ：（r）]模糊，失去焦点）：_______________________________________

focus（['fəʊkəs]聚焦，瞩目）：________________________________________

navigator（[ˈnævɪgeɪtə（r）]航海家，导航员）：_____________________________

version（[ˈvə：ʃən]版本）：____________________________________________

platform（[ˈplætfɔ：m]平台）：_________________________________________

agent（['eɪdʒənt]代理）：_____________________________________________

forward（['fɔ：wəd]向前，前进）：_____________________________________

1.以下关于window对象的说法，错误的是（）。（选择一项）

A.setInterval（）方法用于每隔一段时间就自动执行一段脚本或调用函数

B.setTimeout（）方法用于等待一段时间后自动执行一段脚本或调用函数

C.prompt（）方法用于要求浏览者确认某个信息，它返回布尔值

D.scrollTo（）方法用于将网页内容滚动到指定的坐标位置

2.假设页面index.html是由左右两个框架构成的框架集，左框架的名称为leftFrame，内部的页面为left.html，右框架的名称为rightFrame，内部的页面为right.html，在left.html页面中有一个按钮，要求它被单击时，能让右框架页面刷新。应为此按钮编写它的单击事件处理代码，以下选项正确的是（）。（选择一项）

A.window.top.frames["right"].location.reload();

B.self.frames["rightFrame"].location.reload();

C.top.frames["rightFrame"].location.reload();

D.window.self.top.frames["right"].location.reload();

3.要实现历史记录后退一页，以下（）项是正确的。（选择两项）(www.xing528.com)

A.history.forward();

B.history.go(-1);

C.history.back();

D.history.go(1);

4.以下（）项不是location对象的属性。（选择一项）

A.href

B.pathname

C.search

D.reload

5.编写一个网页，实现前进和后退功能，效果如下图所示。（参考本章4.4节）

第一个页面

第二个页面

6.编写一个网页，在状态栏中实时显示当前系统时间，效果如下图所示。（参考本章4.1.2节）

在状态栏中显示系统时间

从IE 3.0和Netscape navigator 3.0开始，各种浏览器提供了一种新特性：浏览器对象模型，即browser object model，简称为BOM。使用BOM，开发者可以对浏览器窗口进行访问和操作，如移动窗口、改变状态栏中的文本以及执行其他与页面内容不直接相关的动作。

BOM主要处理浏览器窗口和框架，不过通常浏览器特定的JavaScript扩展都被看作BOM的一部分。这些扩展包括：

➢弹出新的浏览器窗口；

➢移动、关闭浏览器窗口以及调整窗口大小；

➢提供Web浏览器详细信息的定位对象；

➢提供用户屏幕分辨率详细信息的屏幕对象；

➢对cookie的支持。

BOM是JavaScript的一个部分，但没有任何相关的标准，每种浏览器都有自己的BOM实现。有一些事实上的标准，如具有一个窗口对象和一个导航对象，不过每种浏览器可以为这些对象或其他对象定义自己的属性和方法。

本章介绍所有主流浏览器都提供的BOM对象及它们的属性与方法。包括：

➢window对象；

➢navigator对象；

➢screen对象；

➢history对象；

➢location对象。