《第4章JavaScript脚本语言新》由会员分享，可在线阅读，更多相关《第4章JavaScript脚本语言新（16页珍藏版）》请在金锄头文库上搜索。
1、第4章JavaScript脚本语言新Stillwatersrundeep.流静水深流静水深,人静心深人静心深Wherethereislife,thereishope。有生命必有希望。有生命必有希望第第4章章 JavaScript 脚本语言脚本语言 4.1 JavaScript 简介简介JavaScript是一种基于对象和事件驱动的、并且是一种基于对象和事件驱动的、并且具有很好安全性能的脚本语言。具有很好安全性能的脚本语言。JavaScript是是Netscape参考参考Sun Microsystem公司公司Java语言的基础上重新设计和命名的语言。语言的基础上重新设计和命名的语言。JavaSc
2、ript与与HTML一起可以实现客户端一起可以实现客户端Web页页面和面和Web用户之间动态的、实时的交互作用。从而用户之间动态的、实时的交互作用。从而使得网页不仅在表现形式上更加丰富多彩，而且在使得网页不仅在表现形式上更加丰富多彩，而且在信息的处理上也有了更为强大的功能。信息的处理上也有了更为强大的功能。JavaScript是跨平台的，既可适应各种浏览器，是跨平台的，既可适应各种浏览器，也与操作系统无关。也与操作系统无关。4.2 JavaScript 语法概述语法概述 4.2.1 JavaScript 语法基础语法基础1脚本语言设定脚本语言设定2语句与语句块语句与语句块3语句注释语句注释4赋
3、值与等式赋值与等式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 statements;4.3 JavaScript 流程控制流程控制 4.3
4、.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; tes
5、t; increment) statements; 2. for 循环示例循环示例 for (counter = 1; counter 101; counter+) document.write (This is line number + counter + ); 4.3 JavaScript 流程控制流程控制 4.3.4 While 循环语句循环语句 语句格式：语句格式：while (expression) statements;4.3.5 Do-While 循环语句循环语句 语句格式：语句格式：do statements;while (expression);4.3.6 break、co
6、ntinue语句语句 4.4 JavaScript 对象对象 4.4.1 Array 对象对象 Array对象可用来创建任何数据类型的数组。对象可用来创建任何数据类型的数组。 创建创建Array对象的语法分别为：对象的语法分别为： objectName = new Array() objectName = new Array(size) objectName = new Array(element0, element1, .) 例如：例如：myArray = new Array(4) 例如：例如：myArray = new Array(0,1,2,3,4) 或者：或者：var myArray
7、= 0,1,2,3,4 JavaScript 允许创建一位数组或二维数组。允许创建一位数组或二维数组。4.4 JavaScript 对象对象 4.4.2 Date 对象对象 1. Date 对象的创建对象的创建objectName = new Date() 2. Date 对象常用方法对象常用方法l getYear（取得年份）（取得年份）l getMonth（取得月份，其值为：（取得月份，其值为：011）l getDate（取得日期，其值为：（取得日期，其值为：131）l getDay（取得星期几，其值为：（取得星期几，其值为：06）l getHours（取得小时数，其值为：（取得小时数，其值
8、为：023）l getMinutes（取得分钟数，其值为：（取得分钟数，其值为：059）4.4 JavaScript 对象对象 4.4.3 Math 对象对象 Math 对象用来提供编程中所需的基本数学函数和一对象用来提供编程中所需的基本数学函数和一些常量，不需要创建即可应用。些常量，不需要创建即可应用。 Math 对象常用方法：对象常用方法：lMath.abslMath.floorlMath.maxlMath.minlMath.sqrtlMath.randomlMath.round4.5 JavaScript 函数函数 JavaScript 普遍采用函数来执行各种操作任务，并普遍采用函数来执
9、行各种操作任务，并返回运行结果。利用函数可将若干操作语句合并在一个返回运行结果。利用函数可将若干操作语句合并在一个名称之下，然后通过调用该名称并给其传递所需的参数名称之下，然后通过调用该名称并给其传递所需的参数来灵活地执行这些操作，从而简化整个程序的代码。来灵活地执行这些操作，从而简化整个程序的代码。JavaScript允许用户创建自定义函数并在需要的地方允许用户创建自定义函数并在需要的地方加以调用。一个自定义函数由一个加以调用。一个自定义函数由一个 function 语句和一个语句和一个 JavaScript 语句块组成。语句块组成。函数定义语法格式：函数定义语法格式：function 函数
10、名函数名(参数参数1,参数参数2,)函数体（语句块）函数体（语句块）4.5 JavaScript 函数函数 函数定义与应用示例：函数定义与应用示例： function factorial (number) var temp = 1;for(var icount = 1; icount = number; icount +) temp = temp* icount;return temp;document.write( 10 的阶乘是：的阶乘是： + factorial (10) +);4.6 JavaScript 与与 DOM 4.6.1 DOM 技术编程技术编程 DOM 技术可用来表示各种技
11、术可用来表示各种HTML文档元素以及有关的文档元素以及有关的浏览器信息。浏览器信息。W3C 制定的制定的 DOM 对象及其事件，多数情况对象及其事件，多数情况下可通过下可通过 JavaScript 语言编程来更好地操纵。语言编程来更好地操纵。4.6.2 DOM 与表单验证与表单验证 设计优秀的设计优秀的 Web 表单通常包含客户端的表单通常包含客户端的 JavaScript脚本程序，以便在将表单数据发送到脚本程序，以便在将表单数据发送到Web服务器之前验证服务器之前验证客户的输入。客户的输入。 一般说来，在客户端尽可能多地验证表单数据将会有一般说来，在客户端尽可能多地验证表单数据将会有许多益处
12、，除了能尽快提醒客户存在输入错误外，客户端许多益处，除了能尽快提醒客户存在输入错误外，客户端验证更能提高响应速度并减少服务器和网络的负担。验证更能提高响应速度并减少服务器和网络的负担。 4.7 JavaScript 与与 DHTML 4.7.1 DHTML 简介简介 DHTML 并不是一种新的语言，而是将并不是一种新的语言，而是将 HTML、CSS 和客户端脚本代码集成在一起，使网页产生动态和客户端脚本代码集成在一起，使网页产生动态显示效果的技术。这里的显示效果的技术。这里的HTML是指网页中的各种元素，是指网页中的各种元素，这些元素及其这些元素及其 CSS 样式是可以被脚本代码动态操纵的样式是可以被脚本代码动态操纵的对象。对象。 运用运用 JavaScript 语言编程，可显示和隐藏页面中语言编程，可显示和隐藏页面中指定的内容、修改网页元素的显示样式，激活特定页面指定的内容、修改网页元素的显示样式，激活特定页面元素并对某些元素进行特殊定位。所有这些功能均可由元素并对某些元素进行特殊定位。所有这些功能均可由浏览器完成而无需请求浏览器完成而无需请求Web服务器，同时也无需重新服务器，同时也无需重新装载网页。装载网页。4.7 JavaScript 与与 DHTML 4.7.2 DHTML 举例举例
