因特网技术基础课件.ppt

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

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

2、的html页面；nHtml页面被发送给客户端浏览器并显示。现在学习的是第2页，共57页2、ASP技术含义技术含义n简单地说，简单地说，ASPASP是微软的是微软的IISIIS（Internet Information ServerInternet Information Server，因特网信息服务）提供的一种基于服务器的脚本运行环境，也可以称因特网信息服务）提供的一种基于服务器的脚本运行环境，也可以称为一种解决方案，它包括三层含义：为一种解决方案，它包括三层含义：1 1）使用了微软的技术）使用了微软的技术（ActiveXActiveX）来编程开发的；）来编程开发的；2 2）运行在服务器端（）

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

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

5、学习的是第3页，共57页静态网页的执行过程：Web 客户机 Web 服务器 请求 响应 1接受请求 2找到静态网页 3发送静态网页 现在学习的是第4页，共57页动态网页的执行过程：Web 客户机 Web 服务器 请求 响应 1接受请求 2找到动态网页 3执行动态网页中的服务器端脚本，并生成静态网页 4发送静态网页 现在学习的是第5页，共57页例子：nnnn动态网页与静态网页动态网页与静态网页nnndocument.write(+今天是：今天是：+Date()+);nn%nresponse.Write&今天是：今天是：&now()&n%nnn现在学习的是第6页，共57页3、客户端脚本与服务器端脚

6、本n服务器端脚本：服务器端脚本：n在在之间之间n在在标记的属性中，加标记的属性中，加RUNAT=“Server”RUNAT=“Server”n客户端脚本：客户端脚本：n插入插入标记中，没有属性标记中，没有属性RUNAT=“Server”RUNAT=“Server”现在学习的是第7页，共57页1 JavaScript的语法特性的语法特性(1)JavaScript的字母区分大小写的；的字母区分大小写的；(2)JavaScript语句一般以分号（语句一般以分号（;）作为结束符；）作为结束符；(3)JavaScript的注释符号包括多行注释符的注释符号包括多行注释符/*和和*/和单行注释符号和单行注释

7、符号/；(4)分支结构、循环结构、自定义函数等程序段包含多条语句时称为语句分支结构、循环结构、自定义函数等程序段包含多条语句时称为语句块，应该置于一对大括号内块，应该置于一对大括号内内；内；4.2 JavaScript脚本语法结构脚本语法结构现在学习的是第8页，共57页 JavaScript脚本的嵌入位置和运行方式都比较自由，脚本的嵌入位置和运行方式都比较自由，既可以直接嵌入当前文档，又可以独立存放在外部文件中，既可以直接嵌入当前文档，又可以独立存放在外部文件中，运行方式既可以直接运行，也可以根据需要伴随事件运行。运行方式既可以直接运行，也可以根据需要伴随事件运行。其基本格式如下：其基本格式如

8、下：（1）直接嵌入，直接运行。）直接嵌入，直接运行。通过通过标记对直接嵌入在当前文件中。标记对直接嵌入在当前文件中。/JavaScript代码（2）外部引入，直接运行。）外部引入，直接运行。将将JavaScript程序以扩展名程序以扩展名“.js”的文件单独存放，再利用的文件单独存放，再利用标标记的记的src属性引入外部文件，其语法格式如下：属性引入外部文件，其语法格式如下：src=”*.js”2 JavaScript脚本运行方式脚本运行方式现在学习的是第9页，共57页（3）直接嵌入，事件触发。）直接嵌入，事件触发。通过事件触发方式执行通过事件触发方式执行JavaScript的方法或函数主要有

9、两的方法或函数主要有两种：种：一种是在一种是在HTML标记的属性中设置标记的属性中设置JavaScript的事件处理的事件处理函数，事件被视为函数，事件被视为HTML标记的属性标记的属性。如下格式所示：。如下格式所示：现在学习的是第10页，共57页JavaScript语言是一种弱类型的脚本语言，数据语言是一种弱类型的脚本语言，数据类型通常分为六种：类型通常分为六种：数值型：即数值型：即Number，由，由09的数字字符，正负号，小的数字字符，正负号，小数点组成，如数点组成，如2.6、3.14等等。等等。逻辑型：即逻辑型：即Boolean，只包括，只包括true（真）和（真）和false（假）（

10、假）两个值，在两个值，在JavaScript中，整数中，整数0约定为约定为false，非，非0整数整数约定为约定为true。字符型：即字符型：即String，是用单引号或双引号定界的字符串，是用单引号或双引号定界的字符串序列，字符包括英文、汉字、空格或数字。序列，字符包括英文、汉字、空格或数字。4.3 JavaScript数据类型数据类型现在学习的是第11页，共57页对象型：即对象型：即Object，对象是方法和属性的，对象是方法和属性的集合体。集合体。未定型：即未定型：即Undefined，一个已经声明但，一个已经声明但还没有赋值的变量，或者表示一个对象的属还没有赋值的变量，或者表示一个对象

11、的属性根本不存在。性根本不存在。空值型：即空值型：即Null，表示变量没有值或不是，表示变量没有值或不是一个对象，即什么也不是。一个对象，即什么也不是。4.3 JavaScript数据类型数据类型现在学习的是第12页，共57页根据数据类型的不同，常量可分为根据数据类型的不同，常量可分为:n数值型常量数值型常量n字符型常量字符型常量n逻辑型常量逻辑型常量n转义字符转义字符4.4 JavaScript常量常量现在学习的是第13页，共57页 对变量的声明未作强制性规定。可以不声明，而直对变量的声明未作强制性规定。可以不声明，而直接赋值使用；也可以先声明，后赋值使用，声明的同时接赋值使用；也可以先声明

12、，后赋值使用，声明的同时还可以赋值。声明多个变量时，变量名之间用逗号（还可以赋值。声明多个变量时，变量名之间用逗号（,）隔开。隔开。JavaScript用用var命令声明变量，并且无须指明数据类命令声明变量，并且无须指明数据类型，其数据类型由变量值的类型决定的，变量命名必须以字型，其数据类型由变量值的类型决定的，变量命名必须以字母（大小写均可）、下划线母（大小写均可）、下划线(_)或美元符或美元符($)开头，变量名称开头，变量名称不能使用不能使用Javascript语法保留的关键字。语法保留的关键字。4.5 JavaScript变量变量现在学习的是第14页，共57页 JavaScript脚本提

13、供了极其丰富的运算符，包括脚本提供了极其丰富的运算符，包括赋值、条件、算术、字符连接、关系、逻辑和位运算赋值、条件、算术、字符连接、关系、逻辑和位运算符。符。4.6 JavaScript运算符运算符现在学习的是第15页，共57页1、赋值运算符、赋值运算符现在学习的是第16页，共57页2、算术运算符、算术运算符现在学习的是第17页，共57页3、比较运算符、比较运算符现在学习的是第18页，共57页4、逻辑运算符、逻辑运算符现在学习的是第19页，共57页5、位运算符、位运算符现在学习的是第20页，共57页6、其它运算符位、其它运算符位现在学习的是第21页，共57页nif(条件表达式条件表达式)n语句

14、序列语句序列1nnelsen语句序列语句序列2n4.7 分支结构分支结构现在学习的是第22页，共57页nif(条件语句条件语句1)n语句序列语句序列1nelse if(条件语句条件语句2)n语句序列语句序列2nelse if(条件语句条件语句3)n语句序列语句序列3nnelsen语句序列语句序列n4.7 分支结构分支结构现在学习的是第23页，共57页nSwitch(变量或表达式变量或表达式)ncase 值值1:n语句序列语句序列1;break;ncase 值值2:n语句序列语句序列2;break;nncase 值值n:n语句序列语句序列n;break;ndefault:n语句序列语句序列n+1

15、;break;n4.7 分支结构分支结构现在学习的是第24页，共57页nwhile(条件条件)n语句序列语句序列n4.8 循环结构循环结构现在学习的是第25页，共57页nfor(;)n语句序列语句序列n4.8 循环结构循环结构现在学习的是第26页，共57页n：nfor(in)n语句序列语句序列n4.8 循环结构循环结构现在学习的是第27页，共57页n默认情况下，循环语句将进行无休止地循环默认情况下，循环语句将进行无休止地循环执行，除非循环条件表达式的值为假。如想执行，除非循环条件表达式的值为假。如想提前中断或跳过循环，需在句块中添加提前中断或跳过循环，需在句块中添加break 或或contin

16、ue语句就可以了。语句就可以了。nbreak语句中断所有循环，而语句中断所有循环，而continue语句语句则跳过本次循环的剩余语句，然后开始下一则跳过本次循环的剩余语句，然后开始下一次循环。次循环。4.9 break和和continue语句语句现在学习的是第28页，共57页函数定义函数定义函数的调用函数的调用变量的作用域变量的作用域函数对象定义函数对象定义4.10 function函数函数现在学习的是第29页，共57页nfunction语句主要用来定义静态函数，当然语句主要用来定义静态函数，当然也可以定义函数对象，定义静态函数的语法也可以定义函数对象，定义静态函数的语法结构如下：结构如下：n

17、function 函数名函数名(形参形参1,形参形参2)n局部变量定义局部变量定义n函数执行部分函数执行部分nreturn 表达式表达式n函数定义函数定义现在学习的是第30页，共57页nJavaScript语言的典型特性就是对象，一切皆对象，语言的典型特性就是对象，一切皆对象，甚至连数据，数据类型等等都可以当作对象。将变量甚至连数据，数据类型等等都可以当作对象。将变量和相关处理函数封装成对象，每个对象都有自己的属和相关处理函数封装成对象，每个对象都有自己的属性和方法。属性可以访问对象的数据，方法主要用来性和方法。属性可以访问对象的数据，方法主要用来处理数据的函数。处理数据的函数。JavaScr

18、ipt支持支持4种对象：内置对种对象：内置对象、自定义对象、浏览器对象和象、自定义对象、浏览器对象和ActiveX对象。对象。nJavaScript提供了提供了11种内置对象，其中常用内置对种内置对象，其中常用内置对象如图所示。象如图所示。4.11 JavaScript内置对象内置对象现在学习的是第31页，共57页n在在JavaScript中，内置对象一般不能直接使用，需要使用中，内置对象一般不能直接使用，需要使用new命令创建该对象的实例，然后通过对象实例间接使用该对象及其属性命令创建该对象的实例，然后通过对象实例间接使用该对象及其属性和方法。和方法。nJavaScript对象可以视为一个数

19、组，对象属性就是数组的元素，对象可以视为一个数组，对象属性就是数组的元素，所以也可以使用数组索引序号或者索引名（属性名）的方式访所以也可以使用数组索引序号或者索引名（属性名）的方式访问对象属性，具体引用有下列三种方式：问对象属性，具体引用有下列三种方式：n使用点（使用点（.）运算符）运算符nuniversity.Name=安徽省安徽省n通过下标实现引用通过下标实现引用nuniversity0=安徽省安徽省n通过字符串的形式实现通过字符串的形式实现nuniversityName=安徽省安徽省现在学习的是第32页，共57页n格式：格式：var 对象实例名对象实例名=new String(字符串字符

20、串);n说明：建立字符串对象，使用时注意以下几点：说明：建立字符串对象，使用时注意以下几点：n关键字关键字new和和String可同时省略，省略关键字时，隐可同时省略，省略关键字时，隐性建立一个性建立一个string对象，可以使用对象，可以使用string对象的方法；对象的方法；nString对象提供了一个属性，即对象提供了一个属性，即length，用来返回字符，用来返回字符串的长度，其用法为：对象实例名串的长度，其用法为：对象实例名.length；4.12 String对象对象现在学习的是第33页，共57页String 对象的定义可以通过两种方法创建一个字符串对象。str1=hello;st

21、r2=new String(hello);String 对象的方法第一类是关于字符串的运算。（1）charAt(位置)（2）indexOf(子字符串,起始索引)（3）substring（起始索引,结束索引）（4）toLowerCase()（5）toUpperCase()第二类是关于字符串的显示处理。现在学习的是第34页，共57页ncharAt()方法可返回指定位置的字符。nindexOf()方法可返回某个指定的字符串值在字符串中首次出现的位置。nsubstring()方法用于提取字符串中介于两个指定下标之间的字符。ntoLowerCase()方法用于把字符串转换为小写。ntoUpperCase

22、()方法用于把字符串转换为大写。现在学习的是第35页，共57页nString对象提供了一组方法，用于对字符串的处理对象提供了一组方法，用于对字符串的处理 nJavaScript采用采用Unicode编码，编码，1个汉字个汉字和和1个西文字符都是算一个字符。个西文字符都是算一个字符。nString对象还提供了一些格式字符方法对象还提供了一些格式字符方法n使用时注意方法名、关键字的大小写使用时注意方法名、关键字的大小写。现在学习的是第36页，共57页n格式：格式：var 数组名数组名=new Array(数组大小数组大小|数组元素列表数组元素列表);n说明：建立数组对象，使用时注意以下几点：说明：

23、建立数组对象，使用时注意以下几点：n数组对象提供了一个属性，即数组对象提供了一个属性，即length，用于取得数组，用于取得数组的元素个数；的元素个数；n数组大小具有自动扩展机制，可以指定数组的大小，也可数组大小具有自动扩展机制，可以指定数组的大小，也可以不指定数组的大小；以不指定数组的大小；n通过索引下标可以引用数组元素，下标起始值从通过索引下标可以引用数组元素，下标起始值从0开始开始计数；计数；4.13 Array对象对象现在学习的是第37页，共57页n数组中的各元素值的类型可以各不相同；数组中的各元素值的类型可以各不相同；n建立数组对象时，也可同时指定数组元素建立数组对象时，也可同时指定

24、数组元素的值；的值；n关键字关键字new和和Array可同时省略，省略关可同时省略，省略关键字时，需将数组元素列表放在一个方括号键字时，需将数组元素列表放在一个方括号中，多元素之间用逗号隔开；中，多元素之间用逗号隔开；n不能直接建立二维或多维数组对象，不过不能直接建立二维或多维数组对象，不过数组元素的内容可以是数组对象，从而间接数组元素的内容可以是数组对象，从而间接建立多维数组；建立多维数组；4.13 Array对象对象现在学习的是第38页，共57页4.14、鼠标与键盘事件现在学习的是第39页，共57页Window对象对象Document对象对象History对象对象Navigator对象对象

25、Location对象对象Link对象对象Screen对象对象External对象对象窗体验证窗体验证4.15 浏览器对象浏览器对象现在学习的是第40页，共57页nJavaScript将浏览器本身，网页以及网页的将浏览器本身，网页以及网页的HTML元素元素等都用相应的对象来表示，这些对象及对象之间的层等都用相应的对象来表示，这些对象及对象之间的层次关系统称为次关系统称为DOM（Document Object Model，文档，文档对象模型对象模型又称为浏览器对象），浏览器对象是一个又称为浏览器对象），浏览器对象是一个上下包含关系的层次结构的对象模型，上层包含很多下上下包含关系的层次结构的对象模型

26、，上层包含很多下层子对象，上下对象之间是一种从属关系。层子对象，上下对象之间是一种从属关系。n在这种从属关系结构模型中，在这种从属关系结构模型中，Window（窗口）对象（窗口）对象是浏览器对象层次结构中最高层，所有其他对象都是浏览器对象层次结构中最高层，所有其他对象都可以视为可以视为Window对象的属性。浏览器对象模型如图对象的属性。浏览器对象模型如图所示所示。1 1 浏览器对象浏览器对象现在学习的是第41页，共57页nwindow（窗口）对象是浏览器对象层次结构中最高层，（窗口）对象是浏览器对象层次结构中最高层，window对象代表浏览器的整个窗口。每个窗口都是对象代表浏览器的整个窗口。

27、每个窗口都是window对象的实例，引用实例可以通过以下名称表示：对象的实例，引用实例可以通过以下名称表示：nwindow或或self：表示当前窗口；：表示当前窗口；ntop：代表最顶层窗口；：代表最顶层窗口；nparent：代表当前窗口的父窗口；：代表当前窗口的父窗口；nopener：由：由open打开的窗口。打开的窗口。n各从属对象可采用如下方式进行访问：各从属对象可采用如下方式进行访问：nwindow.子对象子对象1.子对象子对象2.属性名或方法名属性名或方法名2 Window对象对象现在学习的是第42页，共57页n1)window对象的方法对象的方法n如图所示：如图所示：n2)wind

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

29、取浏览器窗口状态栏中显示的临时信息。例如，可以在某张图片的某张图片的onmouseover事件过程中编写以下代码：事件过程中编写以下代码：nwindow.status=这是一张图片。这是一张图片。nscreenLeft属性：传回左边界的坐标。属性：传回左边界的坐标。nscreenTop属性：传回上边界的坐标属性：传回上边界的坐标 2 Window对象对象现在学习的是第43页，共57页2 Window对象对象现在学习的是第44页，共57页document对象表示在浏览器窗口或其中一个对象表示在浏览器窗口或其中一个框架中显示的框架中显示的HTML文档，通过该对象的属性文档，通过该对象的属性和方法可

30、以控制页面的外观和内容。和方法可以控制页面的外观和内容。1).document对象方法对象方法write writeln:输出输出getElementById()：可返回对拥有指定：可返回对拥有指定 ID 的第一个对象的引用。的第一个对象的引用。getElementsByName()：可返回带有指定名称的对象的集合：可返回带有指定名称的对象的集合 2).document对象属性对象属性3).Document下的对象下的对象如：如：Document.form13 Document对象对象现在学习的是第45页，共57页nDocument对象的属性n(1)LinkColor属性：用来设置或返回文档中

31、超链接的颜色。n(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属性：返回当前文档的最后修改日期。

32、n(11)Referrer属性：用于返回链接到当前页面的那个页面的URL。现在学习的是第46页，共57页nhistory对象包含用户已经浏览过的对象包含用户已经浏览过的url集合，提供了浏览集合，提供了浏览器的导航按钮功能，可以通过文档的历史记录来浏览器的导航按钮功能，可以通过文档的历史记录来浏览文档。文档。history对象拥有以下主要属性和方法。对象拥有以下主要属性和方法。n length属性：返回历史记录表中的属性：返回历史记录表中的url数目。数目。n back方法：从历史记录表中返回上一页。方法：从历史记录表中返回上一页。n forward方法：从历史记录表中返回下一页。方法：从历史

33、记录表中返回下一页。n go(num)方法：在历史记录表中跳转到指定的页，方法：在历史记录表中跳转到指定的页，num小于小于0为上一页，反之下一页。为上一页，反之下一页。4 History对象对象现在学习的是第47页，共57页navigator对象是存储浏览器信息的对象，该对象是存储浏览器信息的对象，该对象没有提供方法，只提供了属性，书写注意对象没有提供方法，只提供了属性，书写注意大小写。常见属性如图所示大小写。常见属性如图所示 5 Navigator对象对象现在学习的是第48页，共57页nlocation对象包含当前对象包含当前url的信息，常见属性的信息，常见属性如图所示。如图所示。nlo

34、cation对象只有对象只有2个方法，即个方法，即reload方法和方法和replace(url)，前者用于重新加载当前文档，前者用于重新加载当前文档，后者用于转向到指定的后者用于转向到指定的URL网址，功能上类网址，功能上类似于似于href属性。属性。6 Location对象对象现在学习的是第49页，共57页nlink对象表示文档中的超链接，通过该对象对象表示文档中的超链接，通过该对象的一些属性可以得到链接目标。的一些属性可以得到链接目标。link对象的对象的基本属性是基本属性是length，它返回文档中链接的数，它返回文档中链接的数目。每个链接都是目。每个链接都是links数组中的一个元素

35、，数组中的一个元素，可以通过索引值来访问。例如，第一个链接可以通过索引值来访问。例如，第一个链接是是links(0)，第二个链接是，第二个链接是links(1)，最后一，最后一个链接是个链接是links(links.length-1)。7 Link对象对象现在学习的是第50页，共57页n获取屏幕的相关信息，获取屏幕的相关信息，screen对象常见属性对象常见属性如表图所示如表图所示 8 Screen对象对象现在学习的是第51页，共57页External对象只有对象只有1个方法，即个方法，即addfavorite，用于将网址用于将网址:添加到收藏夹里添加到收藏夹里 9 External对象对象现

36、在学习的是第52页，共57页n窗体验证不仅发生在发送数据时，也可以发窗体验证不仅发生在发送数据时，也可以发生输入数据后发生，通常通过生输入数据后发生，通常通过3个事件进行个个事件进行个别字段的验证，如下：别字段的验证，如下：nonblur：输入数据后，移到其他字段时就：输入数据后，移到其他字段时就会触发事件；会触发事件；nonchange：修改字段内容就会触发此事件；：修改字段内容就会触发此事件；nonsubmit：单击：单击submit按钮发送数据时，按钮发送数据时，进行最后一次字段验证。进行最后一次字段验证。4.16 窗体验证窗体验证现在学习的是第53页，共57页n而取消事件触发也有三种形

37、式：而取消事件触发也有三种形式：n将事件的属性设置为将事件的属性设置为null，如下所示：，如下所示：ndocumnent.myform.mybutton.onclick=null;n使用自定义的事件处理函数，使得函数传回使用自定义的事件处理函数，使得函数传回false，如下，如下所示：所示：nreturn false;n在在IE浏览器还可以使用浏览器还可以使用event对象的属性对象的属性returnValue将属性设置将属性设置false时就可以取消事件，如下所示：时就可以取消事件，如下所示：nonclick=event.returnValue=false;现在学习的是第54页，共57页4

38、.17 Id与name属性nid 属性规定 HTML 元素的唯一的 id。nid 在 HTML 文档中必须是唯一的。nJavaScript 可以利用 id 属性通过 HTML DOM 来改变带有指定 id 的 HTML 元素的样式，CSS 也可以利用 id 定义相关元素的样式。nname是用来提交数据的，n提供给表单用，n可以重复；nid则针对文档操作时候用，n不能重复n如：document.getElementById()；现在学习的是第55页，共57页nJavaScript是客户端编程常用的脚本语言，是客户端编程常用的脚本语言，使用使用JavaScript的目的是控制页面内容，的目的是控制页面内容，增强网页的动态交互性。这种交互性主要增强网页的动态交互性。这种交互性主要体现在用户与本地计算机之交互，如客户体现在用户与本地计算机之交互，如客户端数值计算，验证输入数据的合法性和构端数值计算，验证输入数据的合法性和构建动感的视觉效果。建动感的视觉效果。小结小结现在学习的是第56页，共57页感谢大家观看感谢大家观看现在学习的是第57页，共57页