javascript 浏览器对象

第十二章 JavaScript 的浏览器对象

12.1浏览器对象简介

我们在前面的学习中可以体会到，JavaScript 大多数操作需要使用对象，在网页的编程中也是如此。当我们在浏览网页时，看到的是浏览器显示HTML 文档的一个窗口程序，Javascript 则将其看作一组对象的集合。其中整个HTML 文档被称作文档对象（Document Object ），文档对象是整个浏览器对象的一部分。这个浏览器对象的模型如下图所示。

12.2 window 对象

window 对象代表打开的浏览器窗口。通过window 对象可以控制窗口的大小和位置、有窗口弹出的对话框、打开窗口与关闭窗口，还可以控制窗口上是否显示地址栏、工具栏和状态栏等栏目。

12.2.1 window 对象的属性和方法

顶层window 对象是所有其他子浏览器对象的父对象，它出现在每一个页面上，并且可以在单个JavaScript 应用程序中被多次使用。

window 对象的常用属性见下表。

window 对象的常用属性

window

document

anchor frames

history

location

navigator

Object

Array

form image

link

location

screen

属性说明

document 表示浏览器窗口中的HTML文档

frames 表示当前对话框中所有iframe对象的集合，

可通过iframe的名称访问，如

frame["name"]；或通过集合下标访问，如

frames[0]、frames[1]

history 有关客户访问过的URL信息

location 指定当前文档的URL

navigator 表示浏览器对象，用于获得与浏览器相关的

信息

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

parent 表示包含当前窗口的父窗口

screen 有关客户端的屏幕和显示性能的信息

self 返回对当前窗口的引用

status 设置窗口状态栏的文本信息

top 表示最顶层的浏览器对象

除了属性之外，window对象还拥有很多方法。window对象的常用方法见下表。

window对象的常用方法

方法名称说明

alert（"提示信息"）显示带有一段消息和一个确认按钮的警告框prompt（"提示内容"，"初始值"）显示可提示用户输入的对话框

confirm（"提示信息"）显示带有一段消息以及确认按钮和取消按钮

的对话框

open("url"，"name"，"窗口特征") 打开具有指定名称的新窗口，并加载给定URL

所指定的文档；如果没有提供URL，则打开一

个空白文档

showModalDialog() 在一个模式窗口中显示指定的HTML文档close() 关闭浏览器窗口

moveBy(x,y) 相对窗口的当前坐标把它移动指定的距离moveTo(x,y) 把窗口的左上角移动到一个指定的坐标（x

水平，y垂直）

resizeBy(x,y) 按照指定的量x(宽度),y(高度)调整窗口，单

位为像素

resizeTo(x,y) 把窗口的大小调整到指定的宽度和高度（单

位为像素）

setInterval("函数",timer) 按照指定的周期timer(以毫秒计)来调用函

数

setTimeout("函数",timer) 在指定的timer(毫秒数)后调用函数

12.2.2 window对象的使用

可以使用window对象调用其方法和属性，语法如下：

window.属性名

window.方法名（参数列表）

window是不需要使用new运算符来创建的对象。因此，在使用window对象时，直接用“window”来引用window对象即可，代码如下：

window.alert("字符串");

在实际应用中，JavaScript允许使用一个字符串来给窗口命名，也可以使用一些关键字来代替某些特定的窗口。例如，使用“self”代表当前窗口，“parent”代表父级窗口等。对于这种情况，可以用这些字符创来代表“window”。语法如下：

self.属性名

parent.方法名（参数列表）

12.2.3信息对话框

JavaScript与浏览用户交互有很多方法，我们学习比较常用的3种方法，可以用来创建不同的对话框。分别为警告对话框（alert方法）、确认对话框（confirm（）方法）和提示对话框（prompt（）方法）。相对于write()方法属于document对象，这3种方法属于window 对象，所以它们不会对HTML文档产生影响。Window对象的方法在编写代码时可直接使用，即window对象可以省略。

1、警告对话框

在页面显示时弹出警告对话框由window对象的alert()方法实现，并且在警告框内可以显示提示字符串文本。alert()方法将独立生成一个小窗口，显示一个“确定”按钮和信息内容。此方法的语法如下：

window.alert(信息内容);或者alert(信息内容);

信息内容可以是已定义变量、文本字符串或者是表达式等。当信息内容传入时，最终将信息内容的类型强制转换为字符串后，再进行输出。

用户可以单击警告对话框中的“确定”按钮来关闭该警告对话框。不同浏览器的警告对话框样式可能会有些不同。

在浏览器打开时，弹出警告对话框。

例12-1：在浏览器打开时，弹出警告对话框