86第4章 JavaScript 脚本语言新

ASP网络应用程序设计（第2版）人民邮电出版社第4章JavaScript脚本语言4.1JavaScript简介JavaScript是一种基于对象和事件驱动的、并且具有很好安全性能的脚本语言。JavaScript是Netscape参考SunMicrosystem公司Java语言的基础上重新设计和命名的语言。JavaScript与HTML一起可以实现客户端Web页面和Web用户之间动态的、实时的交互作用。从而使得网页不仅在表现形式上更加丰富多彩，而且在信息的处理上也有了更为强大的功能。JavaScript是跨平台的，既可适应各种浏览器，也与操作系统无关。4.2JavaScript语法概述4.2.1JavaScript语法基础1．脚本语言设定2．语句与语句块3．语句注释4．赋值与等式4.2.2JavaScript变量1．变量声明2．变量命名4.2.3JavaScript运算符4.3JavaScript流程控制4.3.1If分支语句1.常用if语句格式if(condition)statements1;[elsestatements2;]2.多分枝结构if语句格式if(condition){statements;}elseif(condition){statements;}else{statements;}4.3JavaScript流程控制4.3.2Switch分支语句1.语句格式switch(expression){caselabel1:statements1;caselabel2:statements2;……default:statementsn;}2.执行过程给定expression的值与某个标签caselabel匹配时，即执行对应的一个或多个语句statements。4.3JavaScript流程控制4.3.3For循环语句1.语句格式for(initialization;test;increment){statements;}2.for循环示例for(counter=1;counter101;counter++){document.write(Thisislinenumber+counter+br);}4.3JavaScript流程控制4.3.4While循环语句语句格式：while(expression){statements;}4.3.5Do-While循环语句语句格式：do{statements;}while(expression);4.3.6break、continue语句4.4JavaScript对象4.4.1Array对象Array对象可用来创建任何数据类型的数组。创建Array对象的语法分别为：objectName=newArray()objectName=newArray(size)objectName=newArray(element0,element1,...)例如：myArray=newArray(4)例如：myArray=newArray(0,1,2,3,4)或者：varmyArray=[0,1,2,3,4]JavaScript允许创建一位数组或二维数组。4.4JavaScript对象4.4.2Date对象1.Date对象的创建objectName=newDate()2.Date对象常用方法getYear（取得年份）getMonth（取得月份，其值为：0~11）getDate（取得日期，其值为：1~31）getDay（取得星期几，其值为：0~6）getHours（取得小时数，其值为：0~23）getMinutes（取得分钟数，其值为：0~59）4.4JavaScript对象4.4.3Math对象Math对象用来提供编程中所需的基本数学函数和一些常量，不需要创建即可应用。Math对象常用方法：Math.absMath.floorMath.maxMath.minMath.sqrtMath.randomMath.round4.5JavaScript函数JavaScript普遍采用函数来执行各种操作任务，并返回运行结果。利用函数可将若干操作语句合并在一个名称之下，然后通过调用该名称并给其传递所需的参数来灵活地执行这些操作，从而简化整个程序的代码。JavaScript允许用户创建自定义函数并在需要的地方加以调用。一个自定义函数由一个function语句和一个JavaScript语句块组成。函数定义语法格式：function函数名(参数1[,参数2,…]){函数体（语句块）}4.5JavaScript函数函数定义与应用示例：scriptlanguage=JavaScriptfunctionfactorial(number){vartemp=1;for(varicount=1;icount=number;icount++){temp=temp*icount;}returntemp;}document.write(10的阶乘是：+factorial(10)+br);/script4.6JavaScript与DOM4.6.1DOM技术编程DOM技术可用来表示各种HTML文档元素以及有关的浏览器信息。W3C制定的DOM对象及其事件，多数情况下可通过JavaScript语言编程来更好地操纵。4.6.2DOM与表单验证设计优秀的Web表单通常包含客户端的JavaScript脚本程序，以便在将表单数据发送到Web服务器之前验证客户的输入。一般说来，在客户端尽可能多地验证表单数据将会有许多益处，除了能尽快提醒客户存在输入错误外，客户端验证更能提高响应速度并减少服务器和网络的负担。4.7JavaScript与DHTML4.7.1DHTML简介DHTML并不是一种新的语言，而是将HTML、CSS和客户端脚本代码集成在一起，使网页产生动态显示效果的技术。这里的HTML是指网页中的各种元素，这些元素及其CSS样式是可以被脚本代码动态操纵的对象。运用JavaScript语言编程，可显示和隐藏页面中指定的内容、修改网页元素的显示样式，激活特定页面元素并对某些元素进行特殊定位。所有这些功能均可由浏览器完成而无需请求Web服务器，同时也无需重新装载网页。4.7JavaScript与DHTML4.7.2DHTML举例