第4章 JavaScript 脚本语言新

1、ASP 网络应用程序设计 （第2版） 人民邮电出版社,第4章 JavaScript 脚本语言,4.1 JavaScript 简介,JavaScript是一种基于对象和事件驱动的、并且具有很好安全性能的脚本语言。 JavaScript是Netscape参考Sun Microsystem公司Java语言的基础上重新设计和命名的语言。 JavaScript与HTML一起可以实现客户端Web页面和Web用户之间动态的、实时的交互作用。从而使得网页不仅在表现形式上更加丰富多彩，而且在信息的处理上也有了更为强大的功能。 JavaScript是跨平台的，既可适应各种浏览器，也与操作系统无关。,4.2 Jav

2、aScript 语法概述,4.2.1 JavaScript 语法基础 1脚本语言设定 2语句与语句块 3语句注释 4赋值与等式 4.2.2 JavaScript 变量 1变量声明 2变量命名 4.2.3 JavaScript 运算符,4.3 JavaScript 流程控制,4.3.1 If 分支语句 1. 常用if 语句格式 if (condition) statements1; else statements2; 2. 多分枝结构 if 语句格式 if (condition) statements; else if (condition) statements; else statement

3、s;,4.3 JavaScript 流程控制,4.3.2 Switch分支语句 1. 语句格式 switch (expression) case label1 : statements 1; case label2 : statements 2; default : statements n; 2. 执行过程 给定expression的值与某个标签 case label 匹配时，即执行对应的一个或多个语句statements。,4.3 JavaScript 流程控制,4.3.3 For 循环语句 1. 语句格式 for (initialization; test; increment) sta

4、tements; 2. for 循环示例 for (counter = 1; counter ); ,4.3 JavaScript 流程控制,4.3.4 While 循环语句 语句格式： while (expression) statements; 4.3.5 Do-While 循环语句 语句格式： do statements; while (expression); 4.3.6 break、continue语句,4.4 JavaScript 对象,4.4.1 Array 对象 Array对象可用来创建任何数据类型的数组。 创建Array对象的语法分别为： objectName = new A

5、rray() objectName = new Array(size) objectName = new Array(element0, element1, .) 例如：myArray = new Array(4) 例如：myArray = new Array(0,1,2,3,4) 或者：var myArray = 0,1,2,3,4 JavaScript 允许创建一位数组或二维数组。,4.4 JavaScript 对象,4.4.2 Date 对象 1. Date 对象的创建 objectName = new Date() 2. Date 对象常用方法 getYear（取得年份） getMon

6、th（取得月份，其值为：011） getDate（取得日期，其值为：131） getDay（取得星期几，其值为：06） getHours（取得小时数，其值为：023） getMinutes（取得分钟数，其值为：059）,4.4 JavaScript 对象,4.4.3 Math 对象 Math 对象用来提供编程中所需的基本数学函数和一些常量，不需要创建即可应用。 Math 对象常用方法： Math.abs Math.floor Math.max Math.min Math.sqrt Math.random Math.round,4.5 JavaScript 函数,JavaScript 普遍采用函

7、数来执行各种操作任务，并返回运行结果。利用函数可将若干操作语句合并在一个名称之下，然后通过调用该名称并给其传递所需的参数来灵活地执行这些操作，从而简化整个程序的代码。 JavaScript允许用户创建自定义函数并在需要的地方加以调用。一个自定义函数由一个 function 语句和一个 JavaScript 语句块组成。 函数定义语法格式： function 函数名(参数1,参数2,) 函数体（语句块） ,4.5 JavaScript 函数,函数定义与应用示例： function factorial (number) var temp = 1; for(var icount = 1; icoun

8、t ); ,4.6 JavaScript 与 DOM,4.6.1 DOM 技术编程 DOM 技术可用来表示各种HTML文档元素以及有关的浏览器信息。W3C 制定的 DOM 对象及其事件，多数情况下可通过 JavaScript 语言编程来更好地操纵。 4.6.2 DOM 与表单验证 设计优秀的 Web 表单通常包含客户端的 JavaScript脚本程序，以便在将表单数据发送到Web服务器之前验证客户的输入。 一般说来，在客户端尽可能多地验证表单数据将会有许多益处，除了能尽快提醒客户存在输入错误外，客户端验证更能提高响应速度并减少服务器和网络的负担。,4.7 JavaScript 与 DHTML,4.7.1 DHTML 简介 DHTML 并不是一种新的语言，而是将 HTML、CSS 和客户端脚本代码集成在一起，使网页产生动态显示效果的技术。这里的HTML是指网页中的各种元素，这些元素及其 CSS 样式是可以被脚本代码动态操纵的对象。 运用 JavaScri