第 4 章 vbscript 的对象与动态网页编程

《 ASP 网页设计实用教程》

第 4 章 VBScript 的对象与动态网页编程


4.1 VBScript的对象编程 4.2 在VBScript中使用对象 4.3 表单控件 4.4 技能与实训 4.5 思考与练习



4.1 VBScript 的对象编程

4.1.1 对象的属性和方法类和对象 “ 类”是一类事物总体的描述，而对象可以看成是现

实中的某个实体，所以，一个对象都能够对应到一个类，而一个类可以被创建为多个对象。

一个对象最重要的应该是两个元素：属性和方法。属性是一个对象的某些特征，类是实体共性的抽象，而属性则可以理解成这些某个实体的特性。




4.1.2 事件驱动程序设计事件驱动所谓的“事件驱动”指的就是通过事件的发生来推动程

序的执行，这个事件，可以是由用户产生的，比如单击鼠标、键盘输入等，也可以是由系统产生的，比如时间到了某个时刻、系统产生了某些错误等。



4.1 VBScript 的对象编程 1. 与网页有关的事件：

onload ：当一个网页被加载的时候触发onunload ：当一个网页被卸载的时候触发

例如：<script language=”vbscript”>sub window_onload()msgbox” 网页加载完成时显

示！”end sub

</script>




这个过程不需要调用就能够执行，因为当网页加载完成后网页对象（ Window ）会触发一个 onload 事件，则事件过程中的语句会自动执行。2. 与鼠标有关的事件：onclick: ：鼠标单击时触发ondblclick ：鼠标双击时触发mousedown ：鼠标按下时触发mouseup ：鼠标弹起时触发mousemove ：鼠标移动时触发




上面鼠标事件的过程描述如下：sub 对象 _ 事件 ( 鼠标键，

功能键， X ， Y)end sub

其中，鼠标键参数用于区分鼠标的哪个键被按下，取值如下表 4.1 所示。



表 4.1 鼠标键取值参数

描述取值

没有按下任何键 0

按下左键 1

按下右键 2

同时按下左右键 3

按下中键 4





功能键参数用于区分 shift 、 ctrl 、 alt 三个功能键被按下的情况，取值如下表 4.2 所示。X,Y 属性：表示鼠标当前的位置。表 4.2 功能键取值参数

描述取值

按下 shift 1

按下 ctrl 2




表 4.2

同时按下 shift 和 ctrl 3

按下 alt 4

同时按下 shift 和 alt 5

同时按下 ctrl 和 alt 6

三个键同时按下 7




3. 与键盘有关的事件：keypress ：按一个键盘键时触发keydown ：按下一个键盘键时触发keyup ：弹起一个键盘键时触发

这些时间也是有参数的：sub 对象 _ 事件 (keycode ，功能键 )end sub其中的 keycode 表示被按键盘键所代表字符的 ASCII 的值

（注：因为这个参数只是为了区分键，所以不管是大小写取大写字母的 ASCII 值）。功能键参数的取值，参考表 4. 2 。



4.2 在 VBScript 中使用对象

IE 的脚本对象模型是一种层次结构，结构如图 4.1 所示。



从这个模型中，我们可以看出，最上面的是“ window” 对象，也称为窗体对象。它包含其它的六个对象，分别为框架对象（ Frame ）、历史对象（ History ）、浏览对象（ Navigator ）、位置对象（ Location ）、脚本对象（ Script ）、文档对象（ Document ）；其中文档对象又包含三个子对象：链接对象（ Link ）、锚点对象（ Anchor ）和表单对象（ Form ）。最低一层的是元素对象（ Element ），它被包含在表单对象中。在这个脚本对象模型中， Window 对象是整个脚本对象的根，其它的对象都从属于这个根对象，是Window 对象的属性，同时也是一个对象。




4.2.1 Window 对象

Window 对象位于脚本对象模型的最顶层，它能够带表 IE 的窗口。当一个网页被打开，就会产生一个 Window 对象。可以使用 Window 对象获取关于窗口状态的信息。还可以使用此对象获得对窗口文档、窗口中发生的事件和影响窗口的浏览器的访问。当我们要访问当前窗口的 Window 对象时，可以直接使用Window 关键字，因为此关键字总是代表当前的窗口。

接下来，我们按照面向对象的程序设计思想，分别来讨论 Window对象的属性、方法和事件。





（ 7 ） dialogWidth ：设置或获取模式对话框的宽度。（ 8 ） frameElement ：获取在父文档中生成 Window 的 frame 或 iframe 对象。（ 9 ） length ：设置或获取集合中对象的数目。（ 10 ） name ：设置或获取表明窗口名称的值。

（ 11 ） offscreenBuffering ：设置或获取对象在对用户可见之前是否要先在屏幕外绘制。

（ 12 ） opener ：设置或获取创建当前窗口的窗口的引用。




（ 13 ） parent ：获取对象层次中的父窗口。（ 14 ） returnValue ：设置或获取从模式对话框返回的值。（ 15 ） screenLeft ：获取浏览器客户区左上角相对于屏

幕左上角的 x 坐标。（ 16 ） screenTop ：获取浏览器客户区左上角相对于屏

幕左上角的 y 坐标。（ 17 ） self ：获取对当前窗口或框架的引用。（ 18 ） status ：设置或获取位于窗口底部状态栏的信息。（ 19 ） top ：获取最顶层的祖先窗口。




4.2.1.2 Window 对象的方法Window 对象的方法如下：（ 1 ） Alert ：显示包含由应用程序自定义消息的对话框。

（ 2 ） attachEvent ：将指定函数绑定到事件，以便每当该事件在对象上触发时都调用该函数。（ 3 ） Blur ：使元素失去焦点并触发 onblur 事件。（ 4 ） clearInterval ：使用 setInterval 方法取消先前开始的间隔事件。

（ 5 ） clearTimeout ：取消先前用 setTimeout 方法设置的超时事件。




（ 6 ） Close ：关闭当前浏览器窗口或 HTML 应用程序(HTA) 。（ 7 ） Confirm ：显示一个确认对话框，其中包含一个可选的消息和确定取消按钮。（ 8 ） createPopup ：创建弹出窗口。

（ 9 ） detachEvent ：从事件中取消指定函数的绑定，这样当事件触发时函数就不会收到通知了。（ 10 ） execScript ：以给定语言执行指定的脚本。（ 11 ） Focus ：使得元素得到焦点并执行由 onfocus 事件指定的代码。

（ 12 ） moveBy ：将窗口的位置移动指定 x 和 y 偏移值。




（ 13 ） moveTo ：将窗口左上角的屏幕位置移动到指定的 x 和 y 位置。（ 14 ） Navigate ：在当前窗口中装入指定 URL 。（ 15 ） Open ：打开新窗口并装入给定 URL 的文档。（ 16 ） Print ：打印与窗口关联的文档。（ 17 ） Prompt ：显示一个提示对话框，其中带有一条消息和一个输入框。（ 18 ） resizeBy ：更改窗口的当前位置缩放指定的 x 和 y 偏移量。

（ 19 ） resizeTo ：将窗口的大小更改为指定的宽度和高度值。




（ 20 ） Scroll ：将窗口滚动到自左上角起指定的 x 和 y 偏移量。（ 21 ） scrollBy ：将窗口滚动 x 和 y 偏移量。（ 22 ） scrollTo ：将窗口滚动到指定的 x 和 y 偏移量。（ 23 ） setActive ：设置对象为当前对象而不将对象置为焦点。（ 24 ） setInterval ：每经过指定毫秒值后计算一个表达式。

（ 25 ） setTimeout ：经过指定毫秒值后计算一个表达式。




4.2.1.3 Window 对象的事件Window 对象的事件如下：

（ 1 ） Onactivate ：当对象设置为活动元素时触发。（ 2 ） Onafterprint ：对象所关联的文档打印或打印预览后立即在对象上触发。

（ 3 ） Onbeforedeactivate ：在 activeElement 从当前对象变为父文档其它对象之前立即触发。（ 4 ） Onbeforeprint ：对象的关联文档打印或打印预览前在对象上触发。

（ 5 ） Onbeforeunload ：在页面将要被卸载前触发。




（ 6 ） Onblur ：在对象失去输入焦点时触发。（ 7 ） Oncontrolselect ：当用户将要对该对象制作一个控件选中区时触发。（ 8 ） Ondeactivate ：当 activeElement 从当前对象变为父文档其它对象时触发。（ 9 ） Onerror ：当对象装载过程中发生错误时触发。（ 10 ） Onfocus ：当对象获得焦点时触发。（ 11 ） Onhelp ：当用户在浏览器为当前窗口时按 F1 键时触发。

（ 12 ） Onload ：在浏览器完成对象的装载后立即触发。




（ 13 ） Onmove ：当对象移动时触发。（ 14 ） Onmoveen ：当对象停止移动时触发。（ 15 ） Onmovestart ：当对象开始移动时触发。（ 16 ） Onresize ：当对象的大小将要改变时触发。（ 17 ） Onresizeend ：当用户更改完控件选中区中对象的尺寸时触发。

（ 18 ） Onresizestart ：当用户开始更改控件选中区中对象的尺寸时触发。



4.2 在 VBScript 中使用对象例 4-1 ： Window 对象综合示例。

第一步，创建页面文件 4.2-2.htm （通过超链接为目的页面命名（“ name“ 属性赋值））。

<html>

<head>

</head>

<body>

<a href=”4.2.htm” target=”parent 访问父窗口” >给子窗口命名 </a>

</body></html>



4.2 在 VBScript 中使用对象第二步，创建页面文件 4.2-3.htm （把窗口名称放到窗口的状态

栏上！）。<html>

<head>

<script language=”vbscript”>

dim my_na

my_na=window.name

window.status=my_na

window.alert “ 本窗口的名字为：” &my_na

</script></head><body><a href=”4.3.htm” targe=”_self”>

点击 </a></body></html>




第三步，创建页面文件 4.2-4.htm 。<html>

<head>


dim fa_na

fa_na=window.parent.name / 获得父窗口的名称window.status=fa_na /把父窗口的名称放到本窗口的状

态栏上window.alert “ 本窗口的父窗口名字为：” &fa_na / 用

alert 方法输出父窗口名称




sub window_Onresize / 当改变窗口大小的时候，显示信息，并关闭窗口

window.alert “ 窗口大小改变了”window.close

end sub

</script>

</head>

<body>

</body>

</html>




图 4.3 父窗给子窗体命名（ 4.2.htm 效果图）

图 4.4 4.3.htm 获得父窗体名称并显示




4.2.2 document 对象4.2.2.1 document 对象的属性document 对象的属性如下：

（ 1 ） activeElement ：获取当父 document 拥有焦点时获得焦点的对象。（ 2 ） alinkColor ：设置或获取元素中所有激活链接的颜色。（ 3 ） bgColor ：不赞成。设置或获取表明对象后面的背景颜色的值。（ 4 ） Charset ：设置或获取用于解码对象的字符集。

（ 5 ） Cookie ：设置或获取 cookie 的字符串值。




（ 6 ） defaultCharset ：从当前的区域语言中获取默认字符集。（ 7 ） designMode ：设置或获取表明文档是否可被编辑的值。（ 8 ） Dir ：设置或获取表明对象的阅读顺序的值。（ 9 ） Doctype ：获取与当前文档关联的文档类型声明。（ 10 ） documentElement ：获取对文档根结点的引用。（ 11 ） Domain ：设置或获取文档的安全域名。

（ 12 ） Expando ：设置或获取表明是否可对象内创建任意变量的值。




（ 13 ） fgColor ：设置或获取文档的前景 ( 文本 )颜色。（ 14 ） fileCreatedDate ：获取文件创建的日期。（ 15 ） fileModifiedDate ：获取文件上次修改的日期。（ 16 ） fileSize ：获取文件大小。（ 17 ） Implementation ：获取当前文档的 implementation 对象。（ 18 ） lastModified ：获取页面上次修改的日期，若页面提供的话。

（ 19 ） linkColor ：设置或获取对象文档链接的颜色。




（ 20 ） parentWindow ：获取容器对象所在窗口的引用。（ 21 ） Protocol ：设置或获取 URL 的协议部分。（ 22 ） readyState ：获取表明对象当前状态的值。（ 23 ） Referrer ：获取将用户引入当前页面的位置 URL 。（ 24 ） uniqueID ：获取为对象自动生成的唯一标识符。（ 25 ） URL ：设置或获取当前文档的 URL 。

（ 26 ） URLUnencoded ：获取文档的 URL ，去除所有字符编码。




（ 27 ） vlinkColor ：设置或获取用户已访问过的链接颜色。（ 28 ） XMLDocument ：获取对由对象引出的的 XML 文档对象模型 (DOM) 的引用。

（ 29 ） XSLDocument ：获取对 XSL 文档的顶层结点的引用。




4.2.2.2 document 对象的方法document 对象的方法如下：（ 1 ） attachEvent ：将指定函数绑定到事件，以便每当

该事件在对象上触发时都调用该函数。（ 2 ） Close ：关闭输出流并强制将数据发送到显示。（ 3 ） createAttribute ：以指定名称创建 attribute 对象。（ 4 ） createComment ：以指定数据创建 comment 对象。

（ 5 ） createDocumentFragment ：创建一个新文档。




（ 5 ） createDocumentFragment ：创建一个新文档。（ 6 ） createElement ：为指定标签创建一个元素的实例。

（ 7 ） createEventObject ：生成当使用 fireEvent 方法时用于传递事件相关信息的 event 对象。（ 8 ） createStyleSheet ：为文档创建样式表。（ 9 ） createTextNode ：从指定值中创建文本字符串。

（ 10 ） detachEvent ：从事件中取消指定函数的绑定，这样当事件触发时函数就不会收到通知了。




（ 11 ） elementFromPoint ：返回指定 x 和 y 坐标的元素。（ 12 ） execCommand ：在当前文档、当前选中区或给定范围上执行命令。（ 13 ） Focus ：使得元素得到焦点并执行由 onfocus 事件指定的代码。（ 14 ） getElementById ：获取对 ID 标签属性为指定值的第一个对象的引用。（ 15 ） getElementsByName ：根据 NAME 标签属性的值获取对象的集合。（ 16 ） getElementsByTagName ：获取基于指定元素名称的对象集合。




（ 18 ） mergeAttributes ：复制所有读 /写标签属性到指定元素。（ 19 ） Open ：此方法以两种方式工作。该方法打开一个文档用于收集 write 和 writeln 方法的输出。在这种情况下，只使用前两个参数 url 和 name 。若指定了附加参数，此方法将打开一个窗口，这与 Window 对象的 window.open 方法相同。（ 20 ） Recalc ：重新计算当前文档中的全部动态属性。

（ 21 ） releaseCapture ：释放当前文档中对象的鼠标捕捉。




（ 22 ） setActive ：设置对象为当前对象而不将对象置为焦点。（ 23 ） Write ：在指定窗口的文档中写入一个或多个 HTML 表达式。

（ 24 ） Writeln ：在指定窗口的文档中写入一个或多个 HTML 表达式，后面追加一个换行符




4.2.2.3 document 对象的事件document 对象的事件如下：

（ 1 ） onbeforeactivate ：对象要被设置为当前元素前立即触发。（ 2 ） Onfocusin ：当元素将要被设置为焦点之前触发。（ 3 ） Onfocusout ：在移动焦点到其它元素之后立即触发于当前拥有焦点的元素上触发。

（ 4 ） Onmousewheel ：当鼠标滚轮按钮旋转时触发。




例 4-2 ：创建文件 4.2-5.htm

<html>

<head>


document.bgcolor=”red” / 通过 document 对象设置网页背景色sub document_Onmousewheel() /转动滚轮时触发事件document.write “你转动了滚轮！” / 通过 document 对象输出内容到网页 end sub</script></head><body></body>

</html>




图 4.5 通过 document 对象设置网页背景色




图 4.6 通过 document 对象输出内容到网页




4.2.3 Frame 对象可以通过 frame 对象访问所在页面的 frame 的属性4.2.4 Location 对象location 对象包含了当前 URL 的信息，并可以对 URL进

行设置。4.2.4.1 location 对象的属性




location 对象的属性如下：hash ：设置或获取 href 属性中在井号“ #”后面的分段。Host ：设置或获取 location 或 URL 的 hostname 和 port 号码。

Hostname ：设置或获取 location 或 URL 的主机名称部分。Href ：设置或获取整个 URL 为字符串。Pathname ：设置或获取对象指定的文件名或路径。Port ：设置或获取与 URL 关联的端口号码。Protocol ：设置或获取 URL 的协议部分。Search ：设置或获取 href 属性中跟在问号后面的部分。




4.2.4.2 location 对象的方法location 对象的方法如下：assign ：装入新的 HTML 文档。reload ：重新装入当前页面。replace ：装入指定 URL 的另外文档来替换当前文档。例 4-3 ： location 的属性 ( 文件 4.2-7.htm)

<html>

<head>

<title>location</title></head><body>

<script language="vbscript">



4.2 在 VBScript 中使用对象document.write (" 锚标识： "& location.hash &"!<br>")

document.write ("主机： "&location.host &"!<br>")

document.write ("主机名： "&location.hostname &"!<br>")

document.write ("超链目标名： "&location.href &"!<br>")

document.write (" 文件路径名： "&location.pathname &"!<br>")

document.write ("端口： "&location.port &"!<br>")

document.write ("存取方式： "&location.protocol&"!<br>")

document.write ("搜索字符串： "&location.search) &"!"

</script></body></html>




图 4.7 location 对象




4.2.5 History 对象History 对象代表用户访问的历史 URL 信息， History对象有 4 个属性和 3 个方法，没有事件。

History 对象的属性如下：current 窗口中当前所显示文档的 URL 。lengh 它表示历史表的长度。next 表示历史表中的下一个 URL 。PROVIOUS 表示历史表中的上一个 URL 。




History 对象的方法可以调用历史表中包含的文档。

back() 方法装入历史表中的前一个页面，等效于浏览器中的 Back 按钮。

forward() 方法装入历史表中的后一个页面，等效于浏览器中的 Forward 按钮。

go() 方法进入历史表中的特定文档，可以取整形参数或字符串参数。




例 4-4 ：使用 history 的 back 方法来访问前一个网页首先创建一个超链接（文件 4.2-8-1.htm ）<html><head><title>history</title></head>

<body><A href="4.2-8-2.htm">跳转到 history测试页 </A></body></html>

创建包含 back （）方法的页面 4.2-8-2.htm ：<html><head><title>history</title></head>

<body><A href="vbscript:history.back()"> 返回前页 </A>

</body></html>




图 4.8 创建一个超链接图 4.9 点击返回前页




4.2.6 Navigator 对象Navigator 对象可以用来访问和操作当前浏览器软件的信息。

4.2.6.1 Navigator 对象的属性Navigator 对象属性如下：

（ 1 ） appCodeName ：获取浏览器的代码名称。（ 2 ） appMinorVersion ：获取应用程序的次版本值。（ 3 ） appName ：获取浏览器的名称。（ 4 ） appVersion ：获取浏览器运行的平台和版本。

（ 5 ） browserLanguage ：获取浏览器的当前语言。




（ 6 ） cookieEnabled ：获取客户端的永久 cookie 是否在浏览器中启用。永久 cookies 是储存在客户端计算机上的。（ 7 ） cpuClass ：获取指示 CPU 等级的字符串。（ 8 ） onLine ：获取表明系统是否处于全局脱机模式的值。（ 9 ） Platform ：获取用户的操作系统名称。（ 10 ） systemLanguage ：获取操作系统适用的默认语言。

（ 11 ） userAgent ：获取等同于 HTTP 用户代理请求头的字符串。




（ 12 ） userLanguage ：获取操作系统的自然语言设置。

4.2.6.2 Navigator 对象的方法Navigator 对象方法如下：

（ 1 ） javaEnabled ：返回 Java 是否已启用。（ 2 ） taintEnabled ：返回是否允许数据污点。例 4-5 ：使用 Navigator 对象来查看当前系统信息<html>

<head>

<title>Navigator 对象属性 </title></head>




<body><h2>Navigator 对象属性 </h2><hr>

<script language="JavaScript">

var objnav = window.navigator;

document.write("appCodeName= " + objnav.appCodeName + "<br>");

document.write("appMinorVersion= " + objnav.appMinorVersion + "<br>");

document.write("appName= " + objnav.appName + "<br>");




document.write("appVersion= " + objnav.appVersion + "<br>");

document.write("browserLanguage= " + objnav.browserLanguage + "<br>");

document.write("cookieEnabled= " + objnav.cookieEnabled + "<br>");

document.write("cpuClass= " + objnav.cpuClass + "<br>");

document.write("onLine= " + objnav.onLine + "<br>");

document.write("platform= " + objnav.platform + "<br>");




document.write("systemLanguage= " + objnav.systemLanguage + "<br>");

document.write("userAgent= " + objnav.userAgent + "<br>");

document.write("userLanguage= " + objnav.userLanguage + "<br>");

</script>

</body>

</html>




图 4.10 使用 Navigator 对象来查看当前系统信息




4.2.7 Script 对象4.2.7.1 Script 对象的属性Script 对象属性如下：

（ 1 ） canHaveHTML ：获取表明对象是否可以包含丰富的 HTML 标签的值。（ 2 ） Charset ：设置或获取用于解码对象的字符集。（ 3 ） clientHeight ：获取对象的高度，不计算任何边距、边框、滚动条或可能应用到该对象的补白。

（ 4 ） clientLeft ：获取 offsetLeft 属性和客户区域的实际左边之间的距离。（ 5 ） clientTop ：获取 offsetTop 属性和客户区域的实际顶端之间的距离。




（ 6 ） clientWidth ：获取对象的宽度，不计算任何边距、边框、滚动条或可能应用到该对象的补白。（ 7 ） Defer ：设置或获取脚本的状态。（ 8 ） Disabled ：获取表明用户是否可与该对象交互的值。（ 9 ） Event ：设置或获取脚本中用到的事件。（ 10 ） firstChild ：获取对象的 childNodes 集合的第一个子对象的引用。

（ 11 ） htmlFor ：设置或获取绑定到事件脚本的对象。




（ 12 ） Id ：获取标识对象的字符串。（ 13 ） innerHTML ：设置或获取位于对象起始和结束标签内的 HTML 。（ 14 ） innerText ：设置或获取位于对象起始和结束标签内的文本。（ 15 ） isContentEditable ：获取表明用户是否可编辑对象内容的值。（ 16 ） isDisabled ：获取表明用户是否可与该对象交互的值。（ 17 ） isMultiLine ：获取表明对象的内容是包含一行还是多行的值。

（ 18 ） isTextEdit ：获取是否可使用该对象创建一个 TextRange 对象。




（ 19 ） Lang ：设置或获取要使用的语言。（ 20 ） Language ：设置或获取当前脚本编写用的语言。（ 21 ） lastChild ：获取该对象 childNodes 集合中最后一个子对象的引用。（ 22 ） nextSibling ：获取对此对象的下一个兄弟对象的引用。（ 23 ） nodeName ：获取特定结点类型的名称。（ 24 ） nodeType ：获取所需结点的类型。（ 25 ） nodeValue ：设置或获取结点的值。

（ 26 ） ownerDocument ：设置或获取结点关联的 document 对象。




（ 27 ） parentElement ：获取对象层次中的父对象。（ 28 ） parentNode ：获取文档层次中的父对象。（ 29 ） parentTextEdit ：获取文档层次中可用于创建包含原始对象的 TextRange 的容器对象。（ 30 ） previousSibling ：获取对此对象的上一个兄弟对象的引用。（ 31 ） readyState ：获取表明对象当前状态的值。（ 32 ） scopeName ：获取为该元素定义的命名空间。

（ 33 ） scrollHeight ：获取对象的滚动高度。




（ 34 ） scrollLeft ：设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离。（ 35 ） scrollTop ：设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离。（ 36 ） scrollWidth ：获取对象的滚动宽度。

（ 37 ） sourceIndex ：获取对象在源序中的依次位置，即对象出现在 document 的 all 集合中的顺序。




（ 38 ） Src ：获取包含有源代码或数据的外部文件的 URL 。（ 39 ） tagName ：获取对象的标签名称。（ 40 ） tagUrn ：设置或获取在命名空间声明中指定的统一资源名称。（ 41 ） Text ：设置或获取对象文本的字符串形式。（ 42 ） Type ：设置或获取关联的脚本引擎的 MIME 类型。

（ 43 ） uniqueID ：获取为对象自动生成的唯一标识符。




4.2.7.2 Script 对象的方法Script 对象方法如下：（ 1 ） addBehavior ：给元素附加一个行为。（ 2 ） applyElement ：使得元素成为其它元素的子元素或父元素。（ 3 ） attachEvent ：将指定函数绑定到事件，以便当该事件在对象上触发时都调用该函数。

（ 4 ） clearAttributes ：从对象中删除全部标签属性和值。




（ 5 ） cloneNode ：从文档层次中复制对对象的引用。（ 6 ） componentFromPoint ：通过特定事件返回对象在指定坐标下的位置。（ 7 ） Contains ：检查对象中是否包含给定元素。（ 8 ） detachEvent ：从事件中取消指定函数的绑定，当事件触发时函数就不会收到通知了。（ 9 ） dragDrop ：初始化拖曳事件。

（ 10 ） fireEvent ：触发对象的指定事件。（ 11 ） getAdjacentText ：返回邻接文本字符串。




（ 12 ） getAttribute ：获取指定标签属性的值。（ 13 ） getElementsByTagName ：获取基于指定元素名称的对象集合。（ 14 ） hasChildNodes ：返回表明对象是否有子对象的值。（ 15 ） insertAdjacentElement ：在指定位置插入元素。（ 16 ） mergeAttributes ：复制所有读 /写标签属性到指定元素。（ 17 ） removeAttribute ：删除对象的给定标签属性。

（ 18 ） removeAttributeNode ：从对象中删除删除 attribute 对象。




（ 19 ） removeBehavior ：分离元素的行为。（ 20 ） replaceAdjacentText ：替换元素的邻接文本。（ 21 ） setAttribute ：设置指定标签属性的值。（ 22 ） setAttributeNode ：设置 attribute 对象为对象的一部分。

（ 23 ） swapNode ：交换文档层次中两个对象的位置。




4.2.7.3 Script 对象的事件Script 对象事件如下：

（ 1 ） Onload ：在浏览器完成对象的装载后立即触发。（ 2 ） Onpropertychange ：当在对象上发生对象上发生属性更改时触发。

（ 3 ） Onreadystatechange ：当对象状态变更时触发。



4.3 表单控件

4.3.1 表单的结构基本结构如下：

<form 属性 >

……

</form>

Action 属性：属性值是一个后台页面的地址，表示当这个表单提交时，服务器上接收的页面。如果不指定，则表示提交给本页面。

Method 属性：表示使用什么方法来完成提交表单的操作。



4.3 表单控件

4.3.2 创建表单文本框格式如下：<input type=”text” name=” ” value=” ” readonly=” ”>

密码框<input type=”password” name=” ” value=” ” readonly=”

”>

单选钮格式如下：<input type=”radio” name=” ” value=” ” checked>



4.3 表单控件

复选框格式如下：<input type=”checkbox” name=” ” value=” ” checked>

下拉列表框格式如下：<select name=“ ”>

<option value=“” selected>项目说明 </option >

</select>

按钮格式如下： <input type=“button” name=“ ” value=“ ”>



4.3 表单控件

提交按钮 /重置按钮在 vbscript 中还存在两种比较特别的按钮，分别为提交按钮和重置按钮。提交按钮是专门为触发“ summit” 事件的按钮，这种按钮一旦被点击，就自动触发表单的“ summit” 事件，它的格式和普通按钮相同，只是“ type” 属性必须被设置为“ submit” 。

重置按钮主要是为了清除用户的输入，如果此按钮被点击，所有表单控件都恢复初始显示



4.3 表单控件

4.3.3 表单数据检验例 4-3 ：创建一个用来收集用户用户名和密码的页面，要求用户名只能为小写字母，密码只能为数字。<HTML><HEAD>

<TITLE>简单客户端表单数据检测 </TITLE>

<SCRIPT LANGUAGE=”VBScript”>

<!—Sub CHECK_OnClick

Dim myForm

Set myForm = Document.Myform



4.3 表单控件

If Myform.USERN.Value>=”a” and Myform.USERN.Value<=”z” then

If IsNumeric(Myform.PASSW.Value) Then

window.alert “你的输入符合设定！”myform.submit /验证正确，向服务器提交数据Else

window.alert “你输入的密码不是全为数字！”End If

Else window.alert “你输入的帐号不全为小写字母”End If End Sub </SCRIPT></HEAD>



4.3 表单控件

<BODY>

<H3>简单客户端表单数据检测 </H3><HR>

<FORM NAME=”Myform”>

请输入用户名：<INPUT TYPE=”TEXT” NAME=”USERN” size=”1”> / 设置文本框有效长度请输入密码：<INPUT TYPE=”PASSWORD” NAME=”PASSW”>

<INPUT NAME=”CHECK” TYPE=”BUTTON” VALUE=”检测数据” ></FORM></BODY></HTML>



4.4 技能与实训

实训一通过Window对象的 open方法和 close方法，实现创建一个新页面 (中华网 )和关闭本页面的程序。

实训二一周 7天，每天都有不同的背景颜色。实训三为页面加上访问控制，只有输入正确的认证字符串hello才能访问本页面；否则，通过Window对象的 location方法跳转到 default.htm 页面。



4.5 思考与练习

1. 填空题(1) VBScript 是一种 ___________ 驱动的面向对象的编

程语言，既可以用于结构化程序设计，又可以用于 ___________ 程序设计。

(2) 作为鼠标的功能键参数， 1 表示 ___________ ， 4表示 ___________ 。

(3) 写出下列语句的作用：window.open():___________ 。document.write():___________ 。location.reload():___________ 。



(4) 在表单标签中， ___________ 用来表明表单数据的提交方法， ___________ 用来表明表单数据的提交目的，只有当 ___________ 事件发生的情况下，表单数据才进行提交。(5) Window对象的 Onfocus事件是在 ___________ 时触发。(6) 表单的 method属性可以设置为 ___________ 和 ___________两种值。



2. 选择题

(1) 下列事件中，不是鼠标事件的是 ( )。A. onclick B. ondblclick C. mousedownD. keyup

(2) 在 IE 脚本对象模型中，处于最顶端的是 ( )。A. window B. document C. anchor D. nav

igator(3) 在 Form 标签中，一个单选钮组中的各个单选钮标签

中的 name属性必须 ( )。A. 不同 B. 相同C. 可以相同也可以不同 D. 不用设置



(4) 事件驱动指的就是通过 ( )来推动程序的执行。A. 事件 B. 循环 C. 键盘 D. 鼠标(5) 以下不属于Window对象方法的是 ( )。A. Alert B. CloseC. Closed D. attachEvent(6) 在 Location对象中，获取 URL协议的属性为 ( )。A. IsProtocol B. ProtocolC. HowProtocol D. Host



3. 判断题(1) VBScript不支持面向对象编程。 ( )(2) 当页面加载完成时触发window_onload()事件。 (

)(3) Window对象下的 7个对象同时也是Window对象

的属性。 ( )(4) Document.Write可以输出一个提示对话框。 ( )(5) 创建一个可供调用的外部脚本页面，页面的后缀名为 .

vbs。 ( )(6) 当需要把表单数据进行提交时，必须触发 submit 事

件。 ( )



4. 思考题(1) 什么是面向对象的编程方法？什么是事件驱动？(2) 叙述属性和方法的区别。(3) 编写一个弹出提示对话框的脚本，并保存为一个外部

调用的脚本文件，另外编写一个页面对它进行调用。(4) 编写程序，实现根据用户输入的数值设置网页的属性，

包括标题、状态栏、背景颜色等。(5) 编写程序，利用表单来收集用户的信息，并把数据显

示出来。(6) 完善第 4.3.3小节中的表单数据验证程序。

第 4 章 vbscript 的对象与动态网页编程

Documents