javascript 浏览器对象

2019-06-02 16:53

第十二章 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:在浏览器打开时,弹出警告对话框

在浏览器打开时,弹出警告对话框 此页面演示警告对话框的使用

!注意

警告对话框由当前运行的页面弹出,在对该对话框进行处理前,不能对当前页面进行操作,并且其后面的代码不会被执行。只有将警告对话框进行处理后(如单击“确定”按钮或关闭对话框),才可以对当前页面进行操作,后面的代码也才能继续执行。

2、确认对话框

利用window对象的confirm()方法可以在浏览器窗口中弹出一个确认对话框。在确认对话框内显示提示字符串,当用户单击“确定”按钮时该方法返回true,单击“取消”按钮时返回false。该方法语法如下:

window.confirm(对话框提示文字内容);或confirm(对话框提示文字内容)

类似于alert()方法,confirm()方法只接收1个参数,并转换为字符串值显示。JavaScript程序可使用判断语句对结果作出不同处理,以达到显示不同结果的目的。

例12-2:确认对话框的应用

确认对话框的应用

3、提示对话框

利用window对象的prompt()方法可以在浏览器窗口中弹出一个提示框。它与警告框和确认对话框不同,在提示框中有一个输入框,在输入框内显示提示字符串,,并等待用户输入。当用户在该输入框输入文字后,单击“确定”按钮时,返回用户输入的字符串;当单击“取消”按钮时,返回null值。该方法语法如下:

window.prompt(提示文本内容,文本输入框默认文本);或prompt(提示文本内容,文本输入框默认文本);

可见,prompt()方法需要输入两个参数,第二个参数是可选的。和confirm()方法不同,prompt()方法只返回一个值。

例12-3:提示对话框的应用


javascript 浏览器对象.doc 将本文的Word文档下载到电脑 下载失败或者文档不完整,请联系客服人员解决!

下一篇:2011年精神病学业务考试试题

相关阅读
本类排行
× 注册会员免费下载(下载后可以自由复制和排版)

马上注册会员

注:下载文档有可能“只有目录或者内容不全”等情况,请下载之前注意辨别,如果您已付费且无法下载或内容有问题,请联系我们协助你处理。
微信: QQ: