第四章 ASP的VB脚本.ppt

第4章VBScript的对象与动态网页编程,4.1VBScript的对象编程4.2在VBScript中使用对象4.3表单控件4.4技能与实训4.5思考与练习,4.1VBScript的对象编程,4.1.1对象的属性和方法类和对象“类”是一类事物总体的描述，而对象可以看成是现实中的某个实体，所以，一个对象都能够对应到一个类，而一个类可以被创建为多个对象。一个对象最重要的应该是两个元素：属性和方法。属性是一个对象的某些特征，类是实体共性的抽象，而属性则可以理解成这些某个实体的特性。,4.1VBScript的对象编程,4.1.2事件驱动程序设计事件驱动所谓的“事件驱动”指的就是通过事件的发生来推动程序的执行，这个事件，可以是由用户产生的，比如单击鼠标、键盘输入等，也可以是由系统产生的，比如时间到了某个时刻、系统产生了某些错误等。,4.1VBScript的对象编程,1.与网页有关的事件：onload：当一个网页被加载的时候触发onunload：当一个网页被卸载的时候触发例如：subwindow_onload()msgbox”网页加载完成时显示！”endsub,4.1VBScript的对象编程,这个过程不需要调用就能够执行，因为当网页加载完成后网页对象（Window）会触发一个onload事件，则事件过程中的语句会自动执行。2.与鼠标有关的事件：onclick:：鼠标单击时触发ondblclick：鼠标双击时触发mousedown：鼠标按下时触发mouseup：鼠标弹起时触发mousemove：鼠标移动时触发,4.1VBScript的对象编程,上面鼠标事件的过程描述如下：sub对象_事件(鼠标键，功能键，X，Y)endsub其中，鼠标键参数用于区分鼠标的哪个键被按下，取值如下表4.1所示。,4.1VBScript的对象编程,4.1VBScript的对象编程,功能键参数用于区分shift、ctrl、alt三个功能键被按下的情况，取值如下表4.2所示。X,Y属性：表示鼠标当前的位置。表4.2功能键取值参数,4.1VBScript的对象编程,表4.2,4.1VBScript的对象编程,3.与键盘有关的事件：keypress：按一个键盘键时触发keydown：按下一个键盘键时触发keyup：弹起一个键盘键时触发这些时间也是有参数的：sub对象_事件(keycode，功能键)endsub其中的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在VBScript中使用对象,4.2.1Window对象Window对象位于脚本对象模型的最顶层，它能够带表IE的窗口。当一个网页被打开，就会产生一个Window对象。可以使用Window对象获取关于窗口状态的信息。还可以使用此对象获得对窗口文档、窗口中发生的事件和影响窗口的浏览器的访问。当我们要访问当前窗口的Window对象时，可以直接使用Window关键字，因为此关键字总是代表当前的窗口。接下来，我们按照面向对象的程序设计思想，分别来讨论Window对象的属性、方法和事件。,4.2在VBScript中使用对象,4.2在VBScript中使用对象,4.2在VBScript中使用对象,（7）dialogWidth：设置或获取模式对话框的宽度。（8）frameElement：获取在父文档中生成Window的frame或iframe对象。（9）length：设置或获取集合中对象的数目。（10）name：设置或获取表明窗口名称的值。（11）offscreenBuffering：设置或获取对象在对用户可见之前是否要先在屏幕外绘制。（12）opener：设置或获取创建当前窗口的窗口的引用。,4.2在VBScript中使用对象,（13）parent：获取对象层次中的父窗口。（14）returnValue：设置或获取从模式对话框返回的值。（15）screenLeft：获取浏览器客户区左上角相对于屏幕左上角的x坐标。（16）screenTop：获取浏览器客户区左上角相对于屏幕左上角的y坐标。（17）self：获取对当前窗口或框架的引用。（18）status：设置或获取位于窗口底部状态栏的信息。（19）top：获取最顶层的祖先窗口。,4.2在VBScript中使用对象,Window对象的方法Window对象的方法如下：（1）Alert：显示包含由应用程序自定义消息的对话框。（2）attachEvent：将指定函数绑定到事件，以便每当该事件在对象上触发时都调用该函数。（3）Blur：使元素失去焦点并触发onblur事件。（4）clearInterval：使用setInterval方法取消先前开始的间隔事件。（5）clearTimeout：取消先前用setTimeout方法设置的超时事件。,4.2在VBScript中使用对象,（6）Close：关闭当前浏览器窗口或HTML应用程序(HTA)。（7）Confirm：显示一个确认对话框，其中包含一个可选的消息和确定取消按钮。（8）createPopup：创建弹出窗口。（9）detachEvent：从事件中取消指定函数的绑定，这样当事件触发时函数就不会收到通知了。（10）execScript：以给定语言执行指定的脚本。（11）Focus：使得元素得到焦点并执行由onfocus事件指定的代码。（12）moveBy：将窗口的位置移动指定x和y偏移值。,4.2在VBScript中使用对象,（13）moveTo：将窗口左上角的屏幕位置移动到指定的x和y位置。（14）Navigate：在当前窗口中装入指定URL。（15）Open：打开新窗口并装入给定URL的文档。（16）Print：打印与窗口关联的文档。（17）Prompt：显示一个提示对话框，其中带有一条消息和一个输入框。（18）resizeBy：更改窗口的当前位置缩放指定的x和y偏移量。（19）resizeTo：将窗口的大小更改为指定的宽度和高度值。,4.2在VBScript中使用对象,（20）Scroll：将窗口滚动到自左上角起指定的x和y偏移量。（21）scrollBy：将窗口滚动x和y偏移量。（22）scrollTo：将窗口滚动到指定的x和y偏移量。（23）setActive：设置对象为当前对象而不将对象置为焦点。（24）setInterval：每经过指定毫秒值后计算一个表达式。（25）setTimeout：经过指定毫秒值后计算一个表达式。,4.2在VBScript中使用对象,Window对象的事件Window对象的事件如下：（1）Onactivate：当对象设置为活动元素时触发。（2）Onafterprint：对象所关联的文档打印或打印预览后立即在对象上触发。（3）Onbeforedeactivate：在activeElement从当前对象变为父文档其它对象之前立即触发。（4）Onbeforeprint：对象的关联文档打印或打印预览前在对象上触发。（5）Onbeforeunload：在页面将要被卸载前触发。,4.2在VBScript中使用对象,（6）Onblur：在对象失去输入焦点时触发。（7）Oncontrolselect：当用户将要对该对象制作一个控件选中区时触发。（8）Ondeactivate：当activeElement从当前对象变为父文档其它对象时触发。（9）Onerror：当对象装载过程中发生错误时触发。（10）Onfocus：当对象获得焦点时触发。（11）Onhelp：当用户在浏览器为当前窗口时按F1键时触发。（12）Onload：在浏览器完成对象的装载后立即触发。,4.2在VBScript中使用对象,（13）Onmove：当对象移动时触发。（14）Onmoveen：当对象停止移动时触发。（15）Onmovestart：当对象开始移动时触发。（16）Onresize：当对象的大小将要改变时触发。（17）Onresizeend：当用户更改完控件选中区中对象的尺寸时触发。（18）Onresizestart：当用户开始更改控件选中区中对象的尺寸时触发。,4.2在VBScript中使用对象,例4-1：Window对象综合示例。第一步，创建页面文件4.2-2.htm（通过超链接为目的页面命名（“name“属性赋值）。给子窗口命名,4.2在VBScript中使用对象,第二步，创建页面文件4.2-3.htm（把窗口名称放到窗口的状态栏上！）。dimmy_namy_na=window.status=my_nawindow.alert“本窗口的名字为：”document.write(appCodeName=+objnav.appCodeName+);document.write(appMinorVersion=+objnav.appMinorVersion+);document.write(appName=+objnav.appName+);,4.2在VBScript中使用对象,document.write(appVersion=+objnav.appVersion+);document.write(browserLanguage=+objnav.browserLanguage+);document.write(cookieEnabled=+objnav.cookieEnabled+);document.write(cpuClass=+objnav.cpuClass+);document.write(onLine=+objnav.onLine+);document.write(platform=+objnav.platform+);,4.2在VBScript中使用对象,document.write(systemLanguage=+objnav.systemLanguage+);document.write(userAgent=+objnav.userAgent+);document.write(userLanguage=+objnav.userLanguage+);,4.2在VBScript中使用对象,图4.10使用Navigator对象来查看当前系统信息,4.2在VBScript中使用对象,4.2.7Script对象Script对象的属性Script对象属性如下：（1）canHaveHTML：获取表明对象是否可以包含丰富的HTML标签的值。（2）Charset：设置或获取用于解码对象的字符集。（3）clientHeight：获取对象的高度，不计算任何边距、边框、滚动条或可能应用到该对象的补白。（4）clientLeft：获取offsetLeft属性和客户区域的实际左边之间的距离。（5）clientTop：获取offsetTop属性和客户区域的实际顶端之间的距离。,4.2在VBScript中使用对象,（6）clientWidth：获取对象的宽度，不计算任何边距、边框、滚动条或可能应用到该对象的补白。（7）Defer：设置或获取脚本的状态。（8）Disabled：获取表明用户是否可与该对象交互的值。（9）Event：设置或获取脚本中用到的事件。（10）firstChild：获取对象的childNodes集合的第一个子对象的引用。（11）htmlFor：设置或获取绑定到事件脚本的对象。,4.2在VBScript中使用对象,（12）Id：获取标识对象的字符串。（13）innerHTML：设置或获取位于对象起始和结束标签内的HTML。（14）innerText：设置或获取位于对象起始和结束标签内的文本。（15）isContentEditable：获取表明用户是否可编辑对象内容的值。（16）isDisabled：获取表明用户是否可与该对象交互的值。（17）isMultiLine：获取表明对象的内容是包含一行还是多行的值。（18）isTextEdit：获取是否可使用该对象创建一个TextRange对象。,4.2在VBScript中使用对象,（19）Lang：设置或获取要使用的语言。（20）Language：设置或获取当前脚本编写用的语言。（21）lastChild：获取该对象childNodes集合中最后一个子对象的引用。（22）nextSibling：获取对此对象的下一个兄弟对象的引用。（23）nodeName：获取特定结点类型的名称。（24）nodeType：获取所需结点的类型。（25）nodeValue：设置或获取结点的值。（26）ownerDocument：设置或获取结点关联的document对象。,4.2在VBScript中使用对象,（27）parentElement：获取对象层次中的父对象。（28）parentNode：获取文档层次中的父对象。（29）parentTextEdit：获取文档层次中可用于创建包含原始对象的TextRange的容器对象。（30）previousSibling：获取对此对象的上一个兄弟对象的引用。（31）readyState：获取表明对象当前状态的值。（32）scopeName：获取为该元素定义的命名空间。（33）scrollHeight：获取对象的滚动高度。,4.2在VBScript中使用对象,（34）scrollLeft：设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离。（35）scrollTop：设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离。（36）scrollWidth：获取对象的滚动宽度。（37）sourceIndex：获取对象在源序中的依次位置，即对象出现在document的all集合中的顺序。,4.2在VBScript中使用对象,（38）Src：获取包含有源代码或数据的外部文件的URL。（39）tagName：获取对象的标签名称。（40）tagUrn：设置或获取在命名空间声明中指定的统一资源名称。（41）Text：设置或获取对象文本的字符串形式。（42）Type：设置或获取关联的脚本引擎的MIME类型。（43）uniqueID：获取为对象自动生成的唯一标识符。,4.2在VBScript中使用对象,Script对象的方法Script对象方法如下：（1）addBehavior：给元素附加一个行为。（2）applyElement：使得元素成为其它元素的子元素或父元素。（3）attachEvent：将指定函数绑定到事件，以便当该事件在对象上触发时都调用该函数。（4）clearAttributes：从对象中删除全部标签属性和值。,4.2在VBScript中使用对象,（5）cloneNode：从文档层次中复制对对象的引用。（6）componentFromPoint：通过特定事件返回对象在指定坐标下的位置。（7）Contains：检查对象中是否包含给定元素。（8）detachEvent：从事件中取消指定函数的绑定，当事件触发时函数就不会收到通知了。（9）dragDrop：初始化拖曳事件。（10）fireEvent：触发对象的指定事件。（11）getAdjacentText：返回邻接文本字符串。,4.2在VBScript中使用对象,（12）getAttribute：获取指定标签属性的值。（13）getElementsByTagName：获取基于指定元素名称的对象集合。（14）hasChildNodes：返回表明对象是否有子对象的值。（15）insertAdjacentElement：在指定位置插入元素。（16）mergeAttributes：复制所有读/写标签属性到指定元素。（17）removeAttribute：删除对象的给定标签属性。（18）removeAttributeNode：从对象中删除删除attribute对象。,4.2在VBScript中使用对象,（19）removeBehavior：分离元素的行为。（20）replaceAdjacentText：替换元素的邻接文本。（21）setAttribute：设置指定标签属性的值。（22）setAttributeNode：设置attribute对象为对象的一部分。（23）swapNode：交换文档层次中两个对象的位置。,4.2在VBScript中使用对象,Script对象的事件Script对象事件如下：（1）Onload：在浏览器完成对象的装载后立即触发。（2）Onpropertychange：当在对象上发生对象上发生属性更改时触发。（3）Onreadystatechange：当对象状态变更时触发。,4.3表单控件,4.3.1表单的结构基本结构如下：Action属性：属性值是一个后台页面的地址，表示当这个表单提交时，服务器上接收的页面。如果不指定，则表示提交给本页面。Method属性：表示使用什么方法来完成提交表单的操作。,4.3表单控件,4.3.2创建表单文本框格式如下：密码框单选钮格式如下：,4.3表单控件,复选框格式如下：下拉列表框格式如下：项目说明按钮格式如下：,4.3表单控件,提交按钮/重置按钮在vbscript中还存在两种比较特别的按钮，分别为提交按钮和重置按钮。提交按钮是专门为触发“summit”事件的按钮，这种按钮一旦被点击，就自动触发表单的“summit”事件，它的格式和普通按钮相同，只是“type”属性必须被设置为“submit”。重置按钮主要是为了清除用户的输入，如果此按钮被点击，所有表单控件都恢复初始显示,4.3表单控件,4.3.3表单数据检验例4-3：创建一个用来收集用户用户名和密码的页面，要求用户名只能为小写字母，密码只能为数字。简单客户端表单数据检测=”a”andMyform.USERN.Value,4.3表单控件,简单客户端表单数据检测请输入用户名：/设置文本框有效长度请输入密码：,4.4技能与实训,实训一通过Window对象的open方法和close方法，实现创建一个新页面(中华网)和关闭本页面的程序。实训二一周7天，每天都有不同的背景颜色。实训三为页面加上访问控制，只有输入正确的认证字符串hello才能访问本页面；否则，通过Window对象的location方法跳转到default.htm页面。,4.5思考与练习,1.填空题(1)VBScript是一种_驱动的面向对象的编程语言，既可以用于结构化程序设计，又可以用于_程序设计。(2)作为鼠标的功能键参数，1表示_，4表示_。(3)写出下列语句的作用：window.open():_。docum