5章客户端脚本编程.pptVIP

第5章 客户端脚本编程 关于客户端脚本 在网页中嵌入的脚本有两种类型： 一种是在服务器端执行的，由服务器将脚本执行的结果传递给浏览器，称为服务器端脚本。例如，要读取服务器上某个数据库中的一部分内容，这样的程序代码需要在服务器上执行。 另外一种是在客户端浏览器上执行的，它是由服务器将脚本的内容传送给浏览器，再由浏览器执行，称为客户端脚本。例如，让一幅图片窗口中不断移动。 不同脚本处理方式示意 本章内容 浏览器支持的对象模型 窗口对象的使用 文档对象的使用 常用事件的处理 表单元素的使用 本章目录 5.1 客户端脚本 由于客户端提供的都是以对象的形式出现的，所以在这里先介绍以下几个概念。 1．对象 2．事件 3．事件过程 1．对象 浏览器上显示的每个文档都可以看作一个对象，显示该文档的窗口也可以看作一个对象，组成每一个网页的各种元素也可以看成是一个对象。 1．对象 每个对象都有一些属性、事件和方法。 对象的属性用于体现对象的表现形式和操作特性。在浏览器所支持的对象模型中，各种对象中往往包含一些子对象，对于子对象的使用是通过对它的相应属性的操作来实现。 每个对象可以接受一些事件，如鼠标的单击、聚焦等。 每个对象也有一些方法，用于操作该对象或其中的子对象。 2．事件 对于网页中的各种对象，能响应一些事件，编写网页时通过编写事件过程就可以控制用户的操作。如当用户单击表单中的按钮时，引发该按钮的单击事件。 3．事件过程 当某一事件发送时，系统能自动执行事先编写好的程序过程，这样的程序过程称为事件过程 可以使用以下三种方式来为某个对象指出当某一事件发生时该执行的程序 指定名称的事件过程 在对象标签中直接嵌入执行代码 指定脚本所对应的事件过程 指定名称的事件过程 即定义一个具有特殊名称的过程，它与对象相联系，形式为： 对象名称_事件名称 例如： B1_onClick 表示对于对象B1，当单击事件（Click）发生时执行该过程。 指定名称的事件过程 网页内容 html script language=VBScript !-- Sub B1_onClick MsgBox 你单击了这个按钮。 End Sub -- /script form input name=B1 type=button value=单击这里/form /html 指定名称的事件过程 浏览结果 双击网页文件时首先显示如左图 单击其中按钮时，显示如右图提示 在对象标签中直接嵌入执行代码 当执行的代码较短时，可以不定义单独的过程，而直接把要执行的语句嵌入作为事件名称的属性。网页改为如下形式： html form input name=B1 type=button value=单击这里 onclick=MsgBox 你单击了这个按钮。 language=VBScript /form /html 指定脚本所对应的事件过程 指使用script标签的for属性指出脚本所面向的对象，而用event属性指出引用脚本的事件。网页形式如下： html script language=VBScript“ for=B1 event=onclick MsgBox 你单击了这个按钮。 /script form input name=B1 type=button value=单击这里 /form /html 5.2 浏览器对象模型 VBScript和其它脚本语言一样，可以方便地访问浏览器所支持的对象模型中的各种对象。 5.2 浏览器对象模型 浏览器所支持的对象包括： 1．窗口 2．框架 3．历史 4．文档 5．事件（Event） 6．导航器 7．位置对象 1．窗口 窗口对象（WINDOW）是最外层的对象，可以看到在窗口对象中有一个文档对象（DOCUMENT），文档中又有一些表单（form），表单中又有一些表单元素（ELEMENT）等等。窗口对象包含有许多属性、方法和事件。 2．框架 窗口可以包含一个或多个框架（Frame），这取决于你是否在Web页中使用了Frameset标签。在Frames数组中包含了一个你所定义的框架元素（从0开始编号）。例如，下面的语句获取窗口中每个框架的名字。 For intI=0 to frames.length-1 Strname=frames(intI).name Next 由于以上语句总是用在某个框架中，实际使用时在frames前加“parent.”，请看例子。 3．历史 每个窗口都有一个历史对象（History），它包含着在这个窗口中显示过的每个Web页的列表。 4．文档 模型中的另一个主要对象是文档，它代表了在实际窗口所看到的Web