《ASP》课程设计教案(5)

第四讲 浏览器对象

教学重点：

1、浏览器提供的对象；

2、JavaScript语言中的事件处理； 教学要求：

1、深刻认识浏览器的功能和其提供的各种对象，了解这些对象所提供的各种方法；熟练在Javascript编程调用浏览器中对象实现常用的功能的方法；

2、熟悉面向对象程序设计的工作原理，了解各类对象的事件响应从而实现动态交互式页面；

1、浏览器对象

JavaScript除了可以访问本身内置的各种对象外，还可以访问浏览器提供的对象，通过对这些对象的访问，可以得到当前网页以及浏览器本身的一些信息，并能完成有关的操作。 浏览器窗口与网页之间，网页与网页各组成部分之间并是一种从属关系，他们大关系如下

frame layer

windows document links location forms images history

external

2、Window对象：

该对象位于最顶层，是其它对象的父对象，每一个window对象代表着一个浏览器窗口，访问其内部的其它对象：window可以省考略

Window.子对象1.子对象2.属性名或方法名

如：window.document.login.username.value=”guest”; 或document.login.username.value=”guest”; ? 属性：status

方法：（chapter03/section4/ windowprompt.asp） ? alert方法，没有返回值！

? Confirm方法：返回逻辑值返回按“是”返回true，否则返回false ? Prompt：返回输入的值。 举例：

? open方法：（chapter03/section4/ windowopen.asp） 用法：winhwnd=window.open(url,windowname,paralist)

无标题文档

? close方法：举例说明

? setTimeout方法：创建定时器，经过指定的毫秒后，自动调用指定的语句； ? clearTimeout方法：清除定时器；（chapter03/section4/ clock.asp）

时钟

? 将上述程序稍加更改，可以创建定时闹钟程序（chapter03/section4/ clertclock.asp）

时钟

3、location对象：该对象包含有当前网页的URL（统一资源定位器，即网址）。 ? 属性： href 用于指定导航到的网页（chapter03/section4/ frontpage.asp）

举例：

4、history对象：该对象包含有最近10个网页的URL的地址。常用的方法为go（数值）方法，数值为负数往回，等价于浏览器中的“后退”。 举例：

（chapter03/section4/ nextpage.asp）

5、external对象：该对象有一个常用的addFavorite方法，利用该方法，可实现将指定的网

页添加到收藏夹中

（chapter03/section4/ externalpage.asp）

这是一个值得珍藏的网页!

onClick=\工程技术学院')\点击珍藏 6、document对象：代表当前网页，其常用方法为write用于在当前页面中输出HTML语句；

7、JavaScript的事件处理

（1）事件及响应方法

JavaScript采用了事件驱动的响应机制，用户在网页中的交互操作，将触发相应的事件，当事件发生时，系统会调用执行对应的事件处理函数。

事件：由系统预先定义好的，能被对象识别的一种动作。 事件的类别：系统事件（Load，Unload）和用户事件(MouseOver,MouseOut,MouseDown、MouseUp,Click,KeyDown,KeyUp等

事件的响应通过On与事件名称组成，比如Click事件，对应的事件为OnClick 事件句柄=事件处理函数（）或语句

网页中各对象的常用事件 对象类别 网页对象 document 事件处理函数定义位置 或document.body 事件名称 Load Unload Contextmenu Selectstart MouseDown 事件出发条件 载入当前网页时触发 试图载入一个新的网页时触发 单击右键，弹出快捷菜单时触发 在网页中用鼠标拖动时触发 在网页中按下鼠标键时触发