电子商务实用基础 教学课件 作者 闵敏 第4章 脚本语言.pptVIP

四、WEB页间信息交互 2. 表单元素 表单中的基本元素由按钮、单选按钮、复选按钮、提交按钮、重置按钮、文本框等组成。在JavaScript中要访问这些基本元素，必须通过对特定的表单元素的数组下标或表单元素名来实现。每一个元素主要是通过该元素的属性或方法来引用。引用的基本格式见下： formName.elements[].methadName (表单名.元素名或数组.方法) formName.elemaent[].propertyName(表单名.元素名或数组.属性) 例4-4-1是一个有关单行文本框的例子。 例4-4-2是一个通过点击一个按钮改变窗口的背景颜色的操作的例子。 例4-4-3是一个可以动态改变按钮的大小的例子。 四、WEB页间信息交互 3. 框架操作 ① 什么是框架 框架(Frame)最主要功用是分割窗口，使每个小窗口能显示不同的HTM L文件，不同框架之间可以交互，这就是说不同框架之间可以交换信息。打个比方：假设开了两个Frame，一个显示书的目录，另一个则显示章节的具体内容，而且可以实现在目录框架中选择不同章节的功能。 四、WEB页间信息交互 3. 框架操作 ② 访问框架 要实现框架集中多表单的不同元素的访问，则必须使用window对象中的frames属性。frames属性同样也是一个数组，它在父框架集中为每一个子框架设有一项。通过下标实现不同框架的访问。 四、WEB页间信息交互 3. 框架操作 ③ 框架应用 例4-4-4是一个框架应用的例子。 二、JavaScript基本语法 3.流程控制 ② 循环语句 for循环 其语法格式如下： for([初始化部分];[条件部分];[更新部分]){执行语句} 例4-2-7是一个简单的例子。 二、JavaScript基本语法 3.流程控制 ② 循环语句 while循环 其语法格式如下： while（条件）{执行语句;} 例4-2-8是一个简单的例子。 二、JavaScript基本语法 3.流程控制 ② 循环语句 break和continue语句 与C/C++相同，使用break语句使得循环从for或while中跳出，continue使得跳过当前循环过程转而执行下次循环。 二、JavaScript基本语法 4.事件处理 JavaScript是基于对象的语言。在JavaScript中对象事件的处理通常由函数担任。其基本格式与函数全部一样，可以将前面所介绍的所有函数作为事件处理程序。格式如下： function 事件处理名（参数表）{ 事件处理语句集; …… } 二、JavaScript基本语法 4.事件处理 ① 鼠标事件处理 MouseDown事件 当按下鼠标上一个键的时候发生MouseDown事件，在这个事件发生后由JavaScript自动调用OnMouseDown句柄。要处理改事件，只需要将事件处理函数赋值给该事件句柄即可，如下所示： script language=javascript function doEvent(){alert(MouseDown!);} //定义事件函数 /script input name= type=button OnMouuseDown= doEvent() //注册事件函数到click事件 二、JavaScript基本语法 4.事件处理 ① 鼠标事件处理 MouseMove事件 移动鼠标的时候发生MouseMove事件，在这个事件发生后由javascript自动调用OnMouseMove句柄。处理该事件的方法和MouseDown事件一样。 二、JavaScript基本语法 4.事件处理 ① 鼠标事件处理 MouseUp事件 释放鼠标上一个键的时候发生MouseUp事件，在这个事件发生后由JavaScript自动调用OnMouseUp句柄。 二、JavaScript基本语法 4.事件处理 ① 鼠标事件处理 MouseOver事件 在鼠标扫过一个界面对象时发生MouseOver事件，在MouseOver事件发生时由JavaScript自动调用执行OnMouseOver句柄。 二、JavaScript基本语法 4.事件处理 ① 鼠标事件处理 MouseOut事件 MouseOut事件发生在鼠标扫过并脱离一个界面对象时。OnMou