Web应用开发技术 教学课件 作者 宋先斌 何在玉 第05章.ppt

第 5 章 客户端脚本编程 5.1 客 户 端 脚 本 5.2 浏览器对象模型 5.3 控制浏览器窗口 5.4 控 制 Web 页 5.5 常见事件处理 5.6 表 单 处 理 通过本章的学习，读者应重点掌握以下内容： ? 浏览器支持的对象模型 ? 窗口对象的使用 ? 文档对象的使用 ? 常用事件的处理 ? 表单元素的使用 5.1 客 户 端 脚 本 1．对象 浏览器上显示的每个文档都可以看作一个对象，显示该文档的窗口也可以看作一个对象，组成每一个网页的各种元素也可以看成是一个对象。 每个对象都有一些属性、事件和方法。对象的属性用于体现对象的表现形式和操作特性。在浏览器所支持的对象模型中，各种对象中往往包含一些子对象，对于子对象的使用是通过对它的相应属性的操作来实现。每个对象可以接受一些事件，如鼠标的单击、聚焦等。每个对象也有一些方法，用于操作该对象或其中的子对象。 2．事件 对于网页中的各种对象，能响应一些事件，编写网页时通过编写事件过程就可以控制用户的操作。如当用户单击表单中的按钮时，引发该按钮的单击事件。 3．事件过程 当某一事件发送时，系统能自动执行事先编写好的程序过程，这样的程序称为事件过程，我们可以使用以下3种方式来为某个对象指出当某一事件发送时该执行的程序。 例5-1 指定名称的事件过程。 HTML SCRIPT LANGUAGE=VBScript !– – Sub B1_onClick MsgBox 你单击了这个按钮。 End Sub – – /script Form input name=B1 TYPE=BUTTON VALUE=单击这里/FORM /HTML 例5-2 在对象标签中直接嵌入执行代码。 HTML FORM input name=B1 TYPE=BUTTON VALUE=单击这里 OnClick=MsgBox 你单击了这个按钮。 LANGUAGE=VBScript /FORM /HTML 例5-3 指定脚本所对应的事件过程。 HTML SCRIPT LANGUAGE=VBScript FOR=B1 EVENT=OnClick MsgBox 你单击了这个按钮。 /script Form input name=B1 TYPE=BUTTON VALUE=单击这里 /FORM /HTML 5.2 浏览器对象模型 VBScript和其他脚本语言一样，可以方便地访问浏览器所支持的对象模型中的各种对象。 本节概要地介绍对象模型中的各种对象，每个对象之间的联系以及如何访问每个对象的属性（Property）、方法（Methode）和事件。浏览器所支持的对象模型如图5-3所示。 1．窗口 窗口对象（Window）是最外层的对象，可以看到在窗口对象中有一个文档对象（Document），文档中又有一些表单（Form），表单中又有一些表单元素（Element）等等。窗口对象包含有许多属性、方法和事件。 2．框架 窗口可以包含一个或多个框架（Frame），这取决于你是否在Web页中使用了Frameset标签。在Frames数组中包含了一个你所定义的框架元素（从0开始编号）。例如，下面的语句获取窗口中每个框架的名字。 For intI=0 to frames.lenth–1 Strname=frames(intI).name Next 3．历史 每个窗口都有一个历史对象（History），它包含着在这个窗口中显示过的每个Web页的列表。 4．文档 模型中的另一个主要对象是文档，它代表了在实际窗口所看到的Web页，包括在该页上所看到的文本、链接、表单等等。一个文档对象包含大量的属性和方法。对此将在第4小节中作一讨论。 5．事件（Event） 一个Event对象会在每次事件发生时自动产生，它提供了关于事件的有价值的信息，并且可以作为Window对象的一个属性进行访问。表5-1列出了Event对象的属性。 6．导航器 每个窗口都有一个导航器（Navigator）对象，它包含了Web浏览器的信息。包括浏览器程序名称（AppName），浏览器版本号（AppVersion），所有用户信息(userAgent)等属性。 7．位置对象 每个窗口都有一个位置对象，定义了它所包含Web页的URL（网页地址）。当使用框架将一个窗口分成几个部分时，每一个部分可以看成是一个窗口对象。因为，在每个部