因特网技术基础PPT课件.ppt

《因特网技术基础PPT课件.ppt》由会员分享，可在线阅读，更多相关《因特网技术基础PPT课件.ppt（57页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、关于因特网技术基础第一张，PPT共五十七页，创作于2022年6月4.1、网页的两种基本模式n1、动态网页与静态网页n动态网页与静态网页之间的主要区别在于：动态网页含有服务器端脚本，因而只能在Web服务器上运行，而静态网页因为不含服务器端脚本，无需Web服务器支持，只需浏览器支持即可运行。n动态网页运行在服务器端，返回HTML页面，运行机制:n用户通过浏览器向Web服务器请求(.asp)文件；nWeb服务器接受请求，根据扩展名.asp识别出asp文件；nWeb服务器将asp文件转给一个类似于发动引擎的动态链接库文件ASP.dll；nASP.dll将请求的文件从头到尾进行解释处理，并根据ASP文件

2、的脚本命令生成相应的html页面；nHtml页面被发送给客户端浏览器并显示。第二张，PPT共五十七页，创作于2022年6月2、ASP技术含义技术含义n简简单单地地说说，ASPASP是是微微软软的的IISIIS（Internet Internet Information Information ServerServer，因因特特网网信信息息服服务务）提提供供的的一一种种基基于于服服务务器器的的脚脚本本运运行行环环境境，也也可可以以称称为为一一种种解解决决方方案案，它它包包括括三三层层含含义义：1 1）使使用用了了微微软软的的技技术术（ActiveXActiveX）来来编编程程开开发发的的；2 2

3、）运运行行在在服服务务器器端端（ServerServer），无无需需担担心心客客户户端端浏浏览览器器是是否否支支持持ASPASP的的编编程程语语言言；3 3）返返回回标标准准的的HTMLHTML页面（页面（PagesPages）。）。n脚脚本本是是指指一一段段能能够够完完成成某某些些特特殊殊功功能能的的程程序序段段。编编写写脚脚本本的的语语言言称称为为脚脚本本语语言言，脚脚本本语语言言是是介介于于HTMLHTML语语言言和和Visual Visual BasicBasic、JavaJava等等高高级级语语言言之之间间的的一一种种语语言言。它它更更接接近近高高级级语语言言，但但却却比比高高级级语

4、语言言简简单单易易学学，当当然然也也没没有有高高级级语语言言的的功功能能那那么么强强大大。微微软软公公司司为为ASPASP开开发发提提供供了了两两种种标标准准的的脚脚本本语语言言：VBScriptVBScript和和JavaScriptJavaScript，系统的默认脚本语言为，系统的默认脚本语言为VBScriptVBScript语言。语言。n由由此此可可见见，ASPASP本本身身并并不不是是什什么么程程序序设设计计语语言言，也也不不是是什什么么开开发发工工具具、编辑软件，它只是为嵌入编辑软件，它只是为嵌入HtmlHtml页面中的脚本提供了运行环境。页面中的脚本提供了运行环境。第三张，PPT共

5、五十七页，创作于2022年6月静态网页的执行过程：第四张，PPT共五十七页，创作于2022年6月动态网页的执行过程：第五张，PPT共五十七页，创作于2022年6月例子：nnnn动态网页与静态网页动态网页与静态网页nnndocument.write(+今天是：今天是：+Date()+);nn%nresponse.Write&今天是：今天是：&now()&n%nnn第六张，PPT共五十七页，创作于2022年6月3、客户端脚本与服务器端脚本n服务器端脚本：服务器端脚本：n在在之间之间n在在标记的属性中，加标记的属性中，加RUNAT=“Server”RUNAT=“Server”n客户端脚本：客户端脚本

6、：n插入插入标记中，没有属性标记中，没有属性RUNAT=“Server”RUNAT=“Server”第七张，PPT共五十七页，创作于2022年6月1 JavaScript的语法特性的语法特性(1)JavaScript的字母区分大小写的；的字母区分大小写的；(2)JavaScript语句一般以分号（语句一般以分号（;）作为结束符；）作为结束符；(3)JavaScript的注释符号包括多行注释符的注释符号包括多行注释符/*和和*/和单行注释符号和单行注释符号/；(4)分支结构、循环结构、自定义函数等程序段包含多条语句时分支结构、循环结构、自定义函数等程序段包含多条语句时称为语句块，应该置于一对大括

7、号内称为语句块，应该置于一对大括号内内；内；4.2 JavaScript脚本语法结构脚本语法结构第八张，PPT共五十七页，创作于2022年6月 JavaScript脚本的嵌入位置和运行方式都比较自由，脚本的嵌入位置和运行方式都比较自由，既可以直接嵌入当前文档，又可以独立存放在外部文件中，既可以直接嵌入当前文档，又可以独立存放在外部文件中，运行方式既可以直接运行，也可以根据需要伴随事件运行。运行方式既可以直接运行，也可以根据需要伴随事件运行。其基本格式如下：其基本格式如下：（1）直接嵌入，直接运行。）直接嵌入，直接运行。通过通过标记对直接嵌入在当前文件中。标记对直接嵌入在当前文件中。/JavaS

8、cript代码（2）外部引入，直接运行。）外部引入，直接运行。将将JavaScript程序以扩展名程序以扩展名“.js”的文件单独存放，再利用的文件单独存放，再利用标记的标记的src属性引入外部文件，其语法格式如下：属性引入外部文件，其语法格式如下：src=”*.js”2 JavaScript脚本运行方式脚本运行方式第九张，PPT共五十七页，创作于2022年6月（3）直接嵌入，事件触发。）直接嵌入，事件触发。通过事件触发方式执行通过事件触发方式执行JavaScript的方法或函数主要有两的方法或函数主要有两种：种：一种是在一种是在HTML标记的属性中设置标记的属性中设置JavaScript的事

9、件处理的事件处理函数，事件被视为函数，事件被视为HTML标记的属性标记的属性。如下格式所。如下格式所示：示：第十张，PPT共五十七页，创作于2022年6月JavaScript语言是一种弱类型的脚本语言，数据语言是一种弱类型的脚本语言，数据类型通常分为六种：类型通常分为六种：数值型：即数值型：即Number，由，由09的数字字符，正负号，小的数字字符，正负号，小数点组成，如数点组成，如2.6、3.14等等。等等。逻辑型：即逻辑型：即Boolean，只包括，只包括true（真）和（真）和false（假）（假）两个值，在两个值，在JavaScript中，整数中，整数0约定为约定为false，非，非0

10、整整数约定为数约定为true。字符型：即字符型：即String，是用单引号或双引号定界的字符串序，是用单引号或双引号定界的字符串序列，字符包括英文、汉字、空格或数字。列，字符包括英文、汉字、空格或数字。4.3 JavaScript数据类型数据类型第十一张，PPT共五十七页，创作于2022年6月对象型：即对象型：即Object，对象是方法和属性的，对象是方法和属性的集合体。集合体。未定型：即未定型：即Undefined，一个已经声明但还，一个已经声明但还没有赋值的变量，或者表示一个对象的属性没有赋值的变量，或者表示一个对象的属性根本不存在。根本不存在。空值型：即空值型：即Null，表示变量没有值

11、或不是一，表示变量没有值或不是一个对象，即什么也不是。个对象，即什么也不是。4.3 JavaScript数据类型数据类型第十二张，PPT共五十七页，创作于2022年6月根据数据类型的不同，常量可分为根据数据类型的不同，常量可分为:n数值型常量数值型常量n字符型常量字符型常量n逻辑型常量逻辑型常量n转义字符转义字符4.4 JavaScript常量常量第十三张，PPT共五十七页，创作于2022年6月 对变量的声明未作强制性规定。可以不声明，而对变量的声明未作强制性规定。可以不声明，而直接赋值使用；也可以先声明，后赋值使用，声明的直接赋值使用；也可以先声明，后赋值使用，声明的同时还可以赋值。声明多个

12、变量时，变量名之间用逗同时还可以赋值。声明多个变量时，变量名之间用逗号（号（,）隔开。）隔开。JavaScript用用var命令声明变量，并且无须指明数命令声明变量，并且无须指明数据类型，其数据类型由变量值的类型决定的，变量命据类型，其数据类型由变量值的类型决定的，变量命名必须以字母（大小写均可）、下划线名必须以字母（大小写均可）、下划线(_)或美元符或美元符($)开头，变量名称不能使用开头，变量名称不能使用Javascript语法保留的关键字。语法保留的关键字。4.5 JavaScript变量变量第十四张，PPT共五十七页，创作于2022年6月 JavaScript脚本提供了极其丰富的运算符

13、，包括赋值、脚本提供了极其丰富的运算符，包括赋值、条件、算术、字符连接、关系、逻辑和位运算符。条件、算术、字符连接、关系、逻辑和位运算符。4.6 JavaScript运算符运算符第十五张，PPT共五十七页，创作于2022年6月1、赋值运算符、赋值运算符第十六张，PPT共五十七页，创作于2022年6月2、算术运算符、算术运算符第十七张，PPT共五十七页，创作于2022年6月3、比较运算符、比较运算符第十八张，PPT共五十七页，创作于2022年6月4、逻辑运算符、逻辑运算符第十九张，PPT共五十七页，创作于2022年6月5、位运算符、位运算符第二十张，PPT共五十七页，创作于2022年6月6、其它

14、运算符位、其它运算符位第二十一张，PPT共五十七页，创作于2022年6月nif(条件表达式条件表达式)n语句序列语句序列1nnelsen语句序列语句序列2n4.7 分支结构分支结构第二十二张，PPT共五十七页，创作于2022年6月nif(条件语句条件语句1)n语句序列语句序列1nelse if(条件语句条件语句2)n语句序列语句序列2nelse if(条件语句条件语句3)n语句序列语句序列3nnelsen语句序列语句序列n4.7 分支结构分支结构第二十三张，PPT共五十七页，创作于2022年6月nSwitch(变量或表达式变量或表达式)ncase 值值1:n语句序列语句序列1;break;nc

15、ase 值值2:n语句序列语句序列2;break;nncase 值值n:n语句序列语句序列n;break;ndefault:n语句序列语句序列n+1;break;n4.7 分支结构分支结构第二十四张，PPT共五十七页，创作于2022年6月nwhile(条件条件)n语句序列语句序列n4.8 循环结构循环结构第二十五张，PPT共五十七页，创作于2022年6月nfor(;)n语句序列语句序列n4.8 循环结构循环结构第二十六张，PPT共五十七页，创作于2022年6月n：nfor(in)n语句序列语句序列n4.8 循环结构循环结构第二十七张，PPT共五十七页，创作于2022年6月n默认情况下，循环语句

16、将进行无休止地循环默认情况下，循环语句将进行无休止地循环执行，除非循环条件表达式的值为假。如想执行，除非循环条件表达式的值为假。如想提前中断或跳过循环，需在句块中添加提前中断或跳过循环，需在句块中添加break 或或continue语句就可以了。语句就可以了。nbreak语句中断所有循环，而语句中断所有循环，而continue语句语句则跳过本次循环的剩余语句，然后开始下一则跳过本次循环的剩余语句，然后开始下一次循环。次循环。4.9 break和和continue语句语句第二十八张，PPT共五十七页，创作于2022年6月函数定义函数定义函数的调用函数的调用变量的作用域变量的作用域函数对象定义函数

17、对象定义4.10 function函数函数第二十九张，PPT共五十七页，创作于2022年6月nfunction语句主要用来定义静态函数，当然语句主要用来定义静态函数，当然也可以定义函数对象，定义静态函数的语法也可以定义函数对象，定义静态函数的语法结构如下：结构如下：nfunction 函数名函数名(形参形参1,形参形参2)n局部变量定义局部变量定义n函数执行部分函数执行部分nreturn 表达式表达式n函数定义函数定义第三十张，PPT共五十七页，创作于2022年6月nJavaScript语言的典型特性就是对象，一切皆对象，甚语言的典型特性就是对象，一切皆对象，甚至连数据，数据类型等等都可以当作

18、对象。将变量和相至连数据，数据类型等等都可以当作对象。将变量和相关处理函数封装成对象，每个对象都有自己的属性和方关处理函数封装成对象，每个对象都有自己的属性和方法。属性可以访问对象的数据，方法主要用来处理数据法。属性可以访问对象的数据，方法主要用来处理数据的函数。的函数。JavaScript支持支持4种对象：内置对象、自定义种对象：内置对象、自定义对象、浏览器对象和对象、浏览器对象和ActiveX对象。对象。nJavaScript提供了提供了11种内置对象，其中常用内置对象种内置对象，其中常用内置对象如图所示。如图所示。4.11 JavaScript内置对象内置对象第三十一张，PPT共五十七页

19、，创作于2022年6月n在在JavaScript中，内置对象一般不能直接使用，需要使用中，内置对象一般不能直接使用，需要使用new命令创建该对象的实例，然后通过对象实例间接使用该对象命令创建该对象的实例，然后通过对象实例间接使用该对象及其属性和方法。及其属性和方法。nJavaScript对象可以视为一个数组，对象属性就是数组的元对象可以视为一个数组，对象属性就是数组的元素，所以也可以使用数组索引序号或者索引名（属性名）的素，所以也可以使用数组索引序号或者索引名（属性名）的方式访问对象属性，具体引用有下列三种方式：方式访问对象属性，具体引用有下列三种方式：n使用点（使用点（.）运算符）运算符nu

20、niversity.Name=安徽省安徽省n通过下标实现引用通过下标实现引用nuniversity0=安徽省安徽省n通过字符串的形式实现通过字符串的形式实现nuniversityName=安徽省安徽省第三十二张，PPT共五十七页，创作于2022年6月n格式：格式：var 对象实例名对象实例名=new String(字符串字符串);n说明：建立字符串对象，使用时注意以下几点：说明：建立字符串对象，使用时注意以下几点：n关键字关键字new和和String可同时省略，省略关键字时，隐可同时省略，省略关键字时，隐性建立一个性建立一个string对象，可以使用对象，可以使用string对象的方法；对象的

21、方法；nString对象提供了一个属性，即对象提供了一个属性，即length，用来返回字，用来返回字符串的长度，其用法为：对象实例名符串的长度，其用法为：对象实例名.length；4.12 String对象对象第三十三张，PPT共五十七页，创作于2022年6月String 对象的定义可以通过两种方法创建一个字符串对象。str1=hello;str2=new String(hello);String 对象的方法第一类是关于字符串的运算。（1）charAt(位置)（2）indexOf(子字符串,起始索引)（3）substring（起始索引,结束索引）（4）toLowerCase()（5）toUpp

22、erCase()第二类是关于字符串的显示处理。第三十四张，PPT共五十七页，创作于2022年6月ncharAt()方法可返回指定位置的字符。nindexOf()方法可返回某个指定的字符串值在字符串中首次出现的位置。nsubstring()方法用于提取字符串中介于两个指定下标之间的字符。ntoLowerCase()方法用于把字符串转换为小写。ntoUpperCase()方法用于把字符串转换为大写。第三十五张，PPT共五十七页，创作于2022年6月nString对象提供了一组方法，用于对字符串的处理对象提供了一组方法，用于对字符串的处理 nJavaScript采用采用Unicode编码，编码，1个

23、汉字个汉字和和1个西文字符都是算一个字符。个西文字符都是算一个字符。nString对象还提供了一些格式字符方法对象还提供了一些格式字符方法n使用时注意方法名、关键字的大小写使用时注意方法名、关键字的大小写。第三十六张，PPT共五十七页，创作于2022年6月n格式：格式：var 数组名数组名=new Array(数组大小数组大小|数组元素列数组元素列表表);n说明：建立数组对象，使用时注意以下几点：说明：建立数组对象，使用时注意以下几点：n数组对象提供了一个属性，即数组对象提供了一个属性，即length，用于取得数组，用于取得数组的元素个数；的元素个数；n数组大小具有自动扩展机制，可以指定数组的

24、大小，也数组大小具有自动扩展机制，可以指定数组的大小，也可以不指定数组的大小；可以不指定数组的大小；n通过索引下标可以引用数组元素，下标起始值从通过索引下标可以引用数组元素，下标起始值从0开始计数；开始计数；4.13 Array对象对象第三十七张，PPT共五十七页，创作于2022年6月n数组中的各元素值的类型可以各不相同；数组中的各元素值的类型可以各不相同；n建立数组对象时，也可同时指定数组元素建立数组对象时，也可同时指定数组元素的值；的值；n关键字关键字new和和Array可同时省略，省略关可同时省略，省略关键字时，需将数组元素列表放在一个方括号键字时，需将数组元素列表放在一个方括号中，多元

25、素之间用逗号隔开；中，多元素之间用逗号隔开；n不能直接建立二维或多维数组对象，不过不能直接建立二维或多维数组对象，不过数组元素的内容可以是数组对象，从而间接数组元素的内容可以是数组对象，从而间接建立多维数组；建立多维数组；4.13 Array对象对象第三十八张，PPT共五十七页，创作于2022年6月4.14、鼠标与键盘事件第三十九张，PPT共五十七页，创作于2022年6月Window对象对象Document对象对象History对象对象Navigator对象对象Location对象对象Link对象对象Screen对象对象External对象对象窗体验证窗体验证4.15 浏览器对象浏览器对象第四

26、十张，PPT共五十七页，创作于2022年6月nJavaScript将浏览器本身，网页以及网页的将浏览器本身，网页以及网页的HTML元素等都用相应的对象来表示，这些对象及对象之间元素等都用相应的对象来表示，这些对象及对象之间的层次关系统称为的层次关系统称为DOM（Document Object Model，文档对象模型，文档对象模型又称为浏览器对象），浏览器对象又称为浏览器对象），浏览器对象是一个上下包含关系的层次结构的对象模型，上层是一个上下包含关系的层次结构的对象模型，上层包含很多下层子对象，上下对象之间是一种从属关包含很多下层子对象，上下对象之间是一种从属关系。系。n在这种从属关系结构模型

27、中，在这种从属关系结构模型中，Window（窗口）对象（窗口）对象是浏览器对象层次结构中最高层，所有其他对象都是浏览器对象层次结构中最高层，所有其他对象都可以视为可以视为Window对象的属性。浏览器对象模型如对象的属性。浏览器对象模型如图所示图所示。1 1 浏览器对象浏览器对象第四十一张，PPT共五十七页，创作于2022年6月nwindow（窗口）对象是浏览器对象层次结构中最高（窗口）对象是浏览器对象层次结构中最高层，层，window对象代表浏览器的整个窗口。每个窗口对象代表浏览器的整个窗口。每个窗口都是都是window对象的实例，引用实例可以通过以下名称表对象的实例，引用实例可以通过以下名

28、称表示：示：nwindow或或self：表示当前窗口；：表示当前窗口；ntop：代表最顶层窗口；：代表最顶层窗口；nparent：代表当前窗口的父窗口；：代表当前窗口的父窗口；nopener：由：由open打开的窗口。打开的窗口。n各从属对象可采用如下方式进行访问：各从属对象可采用如下方式进行访问：nwindow.子对象子对象1.子对象子对象2.属性名或方法名属性名或方法名2 Window对象对象第四十二张，PPT共五十七页，创作于2022年6月n1)window对象的方法对象的方法n如图所示：如图所示：n2)window对象的属性对象的属性nname属性：用于指定窗口的名称，可以使用属性：用

29、于指定窗口的名称，可以使用a标记的标记的target属性指定窗口的名称，也可以属性指定窗口的名称，也可以使用使用open方法打开一个指定名称的新窗口。方法打开一个指定名称的新窗口。ndefaultstatus属性：用于设置或读取浏览器窗口状态栏中的默认显示信息。例如，可以在属性：用于设置或读取浏览器窗口状态栏中的默认显示信息。例如，可以在window对象的对象的onload事件过程中编写以下语句：事件过程中编写以下语句：nnstatus属性：用于设置或读取浏览器窗口状态栏中显示的临时信息。例如，可以属性：用于设置或读取浏览器窗口状态栏中显示的临时信息。例如，可以在某张图片的在某张图片的onmo

30、useover事件过程中编写以下代码：事件过程中编写以下代码：nwindow.status=这是一张图片。这是一张图片。nscreenLeft属性：传回左边界的坐标。属性：传回左边界的坐标。nscreenTop属性：传回上边界的坐标属性：传回上边界的坐标 2 Window对象对象第四十三张，PPT共五十七页，创作于2022年6月2 Window对象对象第四十四张，PPT共五十七页，创作于2022年6月document对象表示在浏览器窗口或其中一个对象表示在浏览器窗口或其中一个框架中显示的框架中显示的HTML文档，通过该对象的属性文档，通过该对象的属性和方法可以控制页面的外观和内容。和方法可以控

31、制页面的外观和内容。1).document对象方法对象方法write writeln:输出输出getElementById()：可返回对拥有指定：可返回对拥有指定 ID 的第一个对象的引用。的第一个对象的引用。getElementsByName()：可返回带有指定名称的对象的集合：可返回带有指定名称的对象的集合 2).document对象属性对象属性3).Document下的对象下的对象如：如：Document.form13 Document对象对象第四十五张，PPT共五十七页，创作于2022年6月nDocument对象的属性n(1)LinkColor属性：用来设置或返回文档中超链接的颜色。n

32、(2)aLinkColor属性：用来设置或返回文档中活动链接的颜色。n(3)vLinkColor属性：用来设置或返回已经访问过的超链接的颜色。n(4)bgColor属性：用来设置或返回文档的背景颜色。n(5)fgColor属性：用来设置或返回文档中文本的颜色。n(6)Anchor属性：这是一个对象属性，用来表示文档中的锚点。n(7)Title属性：用来返回当前文档的标题，在运行期间不能改变。n(8)Location属性：用来设置或返回文档的URL。n(9)Link属性：这是一个对象属性，用来表示文档中的超链接。n(10)LastModified属性：返回当前文档的最后修改日期。n(11)Ref

33、errer属性：用于返回链接到当前页面的那个页面的URL。第四十六张，PPT共五十七页，创作于2022年6月nhistory对象包含用户已经浏览过的对象包含用户已经浏览过的url集合，提供了浏集合，提供了浏览器的导航按钮功能，可以通过文档的历史记录来浏览览器的导航按钮功能，可以通过文档的历史记录来浏览文档。文档。history对象拥有以下主要属性和方法。对象拥有以下主要属性和方法。n length属性：返回历史记录表中的属性：返回历史记录表中的url数目。数目。n back方法：从历史记录表中返回上一页。方法：从历史记录表中返回上一页。n forward方法：从历史记录表中返回下一页。方法：从

34、历史记录表中返回下一页。n go(num)方法：在历史记录表中跳转到指定的页，方法：在历史记录表中跳转到指定的页，num小于小于0为上一页，反之下一页。为上一页，反之下一页。4 History对象对象第四十七张，PPT共五十七页，创作于2022年6月navigator对象是存储浏览器信息的对象，该对象是存储浏览器信息的对象，该对象没有提供方法，只提供了属性，书写注意对象没有提供方法，只提供了属性，书写注意大小写。常见属性如图所示大小写。常见属性如图所示 5 Navigator对象对象第四十八张，PPT共五十七页，创作于2022年6月nlocation对象包含当前对象包含当前url的信息，常见属

35、性的信息，常见属性如图所示。如图所示。nlocation对象只有对象只有2个方法，即个方法，即reload方法和方法和replace(url)，前者用于重新加载当前文档，前者用于重新加载当前文档，后者用于转向到指定的后者用于转向到指定的URL网址，功能上类网址，功能上类似于似于href属性。属性。6 Location对象对象第四十九张，PPT共五十七页，创作于2022年6月nlink对象表示文档中的超链接，通过该对象对象表示文档中的超链接，通过该对象的一些属性可以得到链接目标。的一些属性可以得到链接目标。link对象的对象的基本属性是基本属性是length，它返回文档中链接的数，它返回文档中链

36、接的数目。每个链接都是目。每个链接都是links数组中的一个元素，数组中的一个元素，可以通过索引值来访问。例如，第一个链接可以通过索引值来访问。例如，第一个链接是是links(0)，第二个链接是，第二个链接是links(1)，最后一，最后一个链接是个链接是links(links.length-1)。7 Link对象对象第五十张，PPT共五十七页，创作于2022年6月n获取屏幕的相关信息，获取屏幕的相关信息，screen对象常见属性对象常见属性如表图所示如表图所示 8 Screen对象对象第五十一张，PPT共五十七页，创作于2022年6月External对象只有对象只有1个方法，即个方法，即ad

37、dfavorite，用于将网址用于将网址:添加到收藏夹里添加到收藏夹里 9 External对象对象第五十二张，PPT共五十七页，创作于2022年6月n窗体验证不仅发生在发送数据时，也可以发窗体验证不仅发生在发送数据时，也可以发生输入数据后发生，通常通过生输入数据后发生，通常通过3个事件进行个个事件进行个别字段的验证，如下：别字段的验证，如下：nonblur：输入数据后，移到其他字段时就：输入数据后，移到其他字段时就会触发事件；会触发事件；nonchange：修改字段内容就会触发此事件；：修改字段内容就会触发此事件；nonsubmit：单击：单击submit按钮发送数据时，按钮发送数据时，进行

38、最后一次字段验证。进行最后一次字段验证。4.16 窗体验证窗体验证第五十三张，PPT共五十七页，创作于2022年6月n而取消事件触发也有三种形式：而取消事件触发也有三种形式：n将事件的属性设置为将事件的属性设置为null，如下所示：，如下所示：ndocumnent.myform.mybutton.onclick=null;n使用自定义的事件处理函数，使得函数传回使用自定义的事件处理函数，使得函数传回false，如，如下所示：下所示：nreturn false;n在在IE浏览器还可以使用浏览器还可以使用event对象的属性对象的属性returnValue将将属性设置属性设置false时就可以取消

39、事件，如下所示：时就可以取消事件，如下所示：nonclick=event.returnValue=false;第五十四张，PPT共五十七页，创作于2022年6月4.17 Id与name属性nid 属性规定 HTML 元素的唯一的 id。nid 在 HTML 文档中必须是唯一的。nJavaScript 可以利用 id 属性通过 HTML DOM 来改变带有指定 id 的 HTML 元素的样式，CSS 也可以利用 id 定义相关元素的样式。nname是用来提交数据的，n提供给表单用，n可以重复；nid则针对文档操作时候用，n不能重复n如：document.getElementById()；第五十五张，PPT共五十七页，创作于2022年6月nJavaScript是是客客户户端端编编程程常常用用的的脚脚本本语语言言，使使用用JavaScript的的目目的的是是控控制制页页面面内内容容，增增强强网网页页的的动动态态交交互互性性。这这种种交交互互性性主主要要体体现现在在用用户户与与本本地地计计算算机机之之交交互互，如如客客户户端端数数值值计计算算，验验证证输输入入数数据据的的合合法法性性和和构构建动感的视觉效果。建动感的视觉效果。小结小结第五十六张，PPT共五十七页，创作于2022年6月感感谢谢大大家家观观看看第五十七张，PPT共五十七页，创作于2022年6月