第十二章 JavaScript的浏览器对象
12.1浏览器对象简介
我们在前面的学习中可以体会到,JavaScript大多数操作需要使用对象,在网页的编程中也是如此。当我们在浏览网页时,看到的是浏览器显示HTML文档的一个窗口程序,Javascript则将其看作一组对象的集合。其中整个HTML文档被称作文档对象(Document Object),文档对象是整个浏览器对象的一部分。这个浏览器对象的模型如下图所示。
window document anchor form image history link location Object navigator Array location frames screen
12.2 window对象
window对象代表打开的浏览器窗口。通过window对象可以控制窗口的大小和位置、有窗口弹出的对话框、打开窗口与关闭窗口,还可以控制窗口上是否显示地址栏、工具栏和状态栏等栏目。
12.2.1 window对象的属性和方法
顶层window对象是所有其他子浏览器对象的父对象,它出现在每一个页面上,并且可以在单个JavaScript应用程序中被多次使用。
window对象的常用属性见下表。
window对象的常用属性
属性 document frames 说明 表示浏览器窗口中的HTML文档 表示当前对话框中所有iframe对象的集合,可通过iframe的名称访问,如frame[\;或通过集合下标访问,如frames[0]、frames[1] 有关客户访问过的URL信息 指定当前文档的URL 表示浏览器对象,用于获得与浏览器相关的信息 返回对创建此窗口的窗口引用 表示包含当前窗口的父窗口 有关客户端的屏幕和显示性能的信息 返回对当前窗口的引用 设置窗口状态栏的文本信息 表示最顶层的浏览器对象 除了属性之外,window对象还拥有很多方法。window对象的常用方法见下表。
window对象的常用方法 方法名称 alert(\提示信息\) prompt(\提示内容\,\初始值\) confirm(\提示信息\) open(\,\,\窗口特征\说明 显示带有一段消息和一个确认按钮的警告框 显示可提示用户输入的对话框 显示带有一段消息以及确认按钮和取消按钮的对话框 打开具有指定名称的新窗口,并加载给定URL所指定的文档;如果没有提供URL,则打开一个空白文档 在一个模式窗口中显示指定的HTML文档 关闭浏览器窗口 相对窗口的当前坐标把它移动指定的距离 把窗口的左上角移动到一个指定的坐标(x水平,y垂直) 按照指定的量x(宽度),y(高度)调整窗口,单位为像素 把窗口的大小调整到指定的宽度和高度(单位为像素) 按照指定的周期timer(以毫秒计)来调用函数 在指定的timer(毫秒数)后调用函数 history location navigator opener parent screen self status top
showModalDialog() close() moveBy(x,y) moveTo(x,y) resizeBy(x,y) resizeTo(x,y) setInterval(\函数\setTimeout(\函数\ 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:在浏览器打开时,弹出警告对话框