因特网技术基础第四章

《因特网技术基础第四章》由会员分享，可在线阅读，更多相关《因特网技术基础第四章（56页珍藏版）》请在金锄头文库上搜索。

1、第四章 JavaScript脚本语言应用 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、ASP技术含义n简单地说，ASP是微软的IIS（Internet Information Server，因特网信息服务）提供的一种基于服务器的脚本 运行环境，也可以称为一种解决方案，它包括三层含义： 1）使用了微软的技术（ActiveX）来编程开发的；2）运 行在服务器端（Server），无需担心客户端浏览器是否支 持ASP的编程语言；3）返回标准的HTML页面（Pages）。n脚本是指一段能够完成某些特殊功能的程序段。编写脚本 的语言称为脚本语言，脚本语言是介于HTML语言和Visual Basic、Java等高级语言之间

3、的一种语言。它更接近高级 语言，但却比高级语言简单易学，当然也没有高级语言的 功能那么强大。微软公司为ASP开发提供了两种标准的脚 本语言：VBScript和JavaScript，系统的默认脚本语言为 VBScript语言。n由此可见，ASP本身并不是什么程序设计语言，也不是什 么开发工具、编辑软件，它只是为嵌入Html页面中的脚本 提供了运行环境。静态网页的执行过程：动态网页的执行过程：例子：nnnn动态网页与静态网页nnndocument.write(“+“今天是：“+Date()+“);nn“）作为结束符；(3) JavaScript的注释符号包括多行注释符/*和*/和单行注释 符号/；

4、(4) 分支结构、循环结构、自定义函数等程序段包含多条语句 时称为语句块，应该置于一对大括号内内；4.2 JavaScript脚本语法结构JavaScript脚本的嵌入位置和运行方式都比较自由， 既可以直接嵌入当前文档，又可以独立存放在外部文件中， 运行方式既可以直接运行，也可以根据需要伴随事件运行。 其基本格式如下： （1）直接嵌入，直接运行。 通过标记对直接嵌入在当前文件中。/JavaScript代码（2）外部引入，直接运行。 将JavaScript程序以扩展名“.js”的文件单独存放，再利用 标记的src属性引入外部文件，其语法格式如下：src=”*.js”2 JavaScript脚本运

5、行方式（3）直接嵌入，事件触发。 通过事件触发方式执行JavaScript的方法或函数主 要有两种： 一种是在HTML标记的属性中设置JavaScript的事件 处理函数，事件被视为HTML标记的属性 。如下 格式所示：JavaScript语言是一种弱类型的脚本语言，数 据类型通常分为六种： 数值型：即Number，由09的数字字符，正负号 ，小数点组成，如2.6、3.14等等。 逻辑型：即Boolean，只包括true（真）和false （假）两个值，在JavaScript中，整数0约定为 false，非0整数约定为true。 字符型：即String，是用单引号或双引号定界的字 符串序列，字

6、符包括英文、汉字、空格或数字。4.3 JavaScript数据类型对象型：即Object，对象是方法和属性的 集合体。 未定型：即Undefined，一个已经声明但还 没有赋值的变量，或者表示一个对象的属性 根本不存在。 空值型：即Null，表示变量没有值或不是一 个对象，即什么也不是。4.3 JavaScript数据类型根据数据类型的不同，常量可分为:n数值型常量n字符型常量n逻辑型常量n转义字符4.4 JavaScript常量对变量的声明未作强制性规定。可以不声明， 而直接赋值使用；也可以先声明，后赋值使用，声 明的同时还可以赋值。声明多个变量时，变量名之 间用逗号（,）隔开。JavaSc

7、ript用var命令声明变量，并且无须指 明数据类型，其数据类型由变量值的类型决定的， 变量命名必须以字母（大小写均可）、下划线(_) 或美元符 ($)开头，变量名称不能使用Javascript 语法保留的关键字。4.5 JavaScript变量JavaScript脚本提供了极其丰富的运算符， 包括赋值、条件、算术、字符连接、关系、逻辑和 位运算符。4.6 JavaScript运算符1、赋值运算符2、算术运算符3、比较运算符4、逻辑运算符5、位运算符6、其它运算符位nif (条件表达式)n语句序列1nnelsen语句序列2n4.7 分支结构nif(条件语句1)n语句序列1nelse if(条件

8、语句2)n语句序列2nelse if(条件语句3 )n语句序列3nnelsen语句序列n4.7 分支结构nSwitch(变量或表达式)ncase 值1:n语句序列1;break;ncase 值2:n语句序列2;break;nncase 值n:n语句序列n;break;ndefault:n语句序列n+1;break;n4.7 分支结构nwhile (条件)n语句序列n4.8 循环结构nfor (;)n语句序列n4.8 循环结构n：nfor( in )n语句序列n4.8 循环结构n默认情况下，循环语句将进行无休止地循环 执行，除非循环条件表达式的值为假。如想 提前中断或跳过循环，需在句块中添加 b

9、reak 或continue语句就可以了。nbreak语句中断所有循环，而continue语句 则跳过本次循环的剩余语句，然后开始下一 次循环。4.9 break和continue语句函数定义 函数的调用 变量的作用域 函数对象定义4.10 function函数nfunction语句主要用来定义静态函数，当然 也可以定义函数对象，定义静态函数的语法 结构如下：nfunction 函数名 (形参1,形参2)n局部变量定义n函数执行部分nreturn 表达式n函数定义nJavaScript语言的典型特性就是对象，一切皆对 象，甚至连数据，数据类型等等都可以当作对象 。将变量和相关处理函数封装成对象

10、，每个对象 都有自己的属性和方法。属性可以访问对象的数 据，方法主要用来处理数据的函数。JavaScript 支持4种对象：内置对象、自定义对象、浏览器 对象和ActiveX对象。nJavaScript提供了11种内置对象，其中常用内置 对象如图所示。4.11 JavaScript内置对象n在JavaScript中，内置对象一般不能直接使用，需要使用 new命令创建该对象的实例，然后通过对象实例间接使用 该对象及其属性和方法。nJavaScript对象可以视为一个数组，对象属性就是数组的 元素，所以也可以使用数组索引序号或者索引名（属性名 ）的方式访问对象属性，具体引用有下列三种方式：n使用点

11、（.）运算符nuniversity.Name=“安徽省“n通过下标实现引用nuniversity0=“安徽省“n通过字符串的形式实现nuniversity“Name“=“安徽省“n格式：var 对象实例名=new String(“字符串“);n说明：建立字符串对象，使用时注意以下几点：n关键字new和String可同时省略，省略关键字时 ，隐性建立一个string对象，可以使用string对象 的方法；nString对象提供了一个属性，即length，用来返 回字符串的长度，其用法为：对象实例名.length ；4.12 String对象String 对象的定义 可以通过两种方法创建一个字符串

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

13、符串转换为小写。ntoUpperCase() 方法用于把字符串转换为大写。nString对象提供了一组方法，用于对字符串的处 理 nJavaScript采用Unicode编码，1个汉字 和1个西文字符都是算一个字符。nString对象还提供了一些格式字符方法n使用时注意方法名、关键字的大小写。 n格式：var 数组名=new Array(数组大小|数组元素 列表);n说明：建立数组对象，使用时注意以下几点：n数组对象提供了一个属性，即length，用于取得 数组的元素个数；n数组大小具有自动扩展机制，可以指定数组的大 小，也可以不指定数组的大小；n通过索引下标可以引用数组元素，下标起始值从 0

14、开始计数；4.13 Array对象n数组中的各元素值的类型可以各不相同；n建立数组对象时，也可同时指定数组元素 的值；n关键字new和Array可同时省略，省略关 键字时，需将数组元素列表放在一个方括号 中，多元素之间用逗号隔开；n不能直接建立二维或多维数组对象，不过 数组元素的内容可以是数组对象，从而间接 建立多维数组；4.13 Array对象4.14、鼠标与键盘事件Window对象 Document对象 History对象 Navigator对象 Location对象 Link对象 Screen对象 External对象 窗体验证4.15 浏览器对象nJavaScript将浏览器本身，网页

15、以及网页的 HTML元素等都用相应的对象来表示，这些对象 及对象之间的层次关系统称为DOM（Document Object Model，文档对象模型又称为浏览器对 象），浏览器对象是一个上下包含关系的层次结 构的对象模型，上层包含很多下层子对象，上下 对象之间是一种从属关系。n在这种从属关系结构模型中，Window（窗口） 对象是浏览器对象层次结构中最高层，所有其他 对象都可以视为Window对象的属性。浏览器对 象模型如图所示。1 浏览器对象nwindow（窗口）对象是浏览器对象层次结构中最 高层，window对象代表浏览器的整个窗口。每个 窗口都是window对象的实例，引用实例可以通过

16、以下名称表示：nwindow或self：表示当前窗口；ntop：代表最顶层窗口；nparent：代表当前窗口的父窗口；nopener：由open打开的窗口。n各从属对象可采用如下方式进行访问：nwindow.子对象1.子对象2.属性名或方法名2 Window对象n1)window对象的方法n如图所示：n2)window对象的属性nname属性：用于指定窗口的名称，可以使用a标记的target属性指定窗口的 名称，也可以使用open方法打开一个指定名称的新窗口。ndefaultstatus属性：用于设置或读取浏览器窗口状态栏中的默认显示信息。 例如，可以在window对象的onload事件过程中编写以下语句：nnstatus属性：用于设置或读取浏览器窗口状态栏中显示的临时信息。例如， 可以在某张图片的onmouseover事件过程中编写以下代码