JavaScript01语法基础.ppt

1,JavaScript语法基础,2,目标,理解什么是JavaScript理解JavaScript的语法基础变量和基本数据类型函数/方法对象,3,什么是JavaScript,JavaScript是一种基于对象的脚本语言，用于开发基于客户端和基于服务器的Internet应用程序可用于创建客户端脚本由SunMicrosystems和Netscape开发，是从Netscapes的Livescript发展而来的,4,JavaScript的作用和基本语法规则,使用JavaScript的各种功能，可以增强站点的动态性和交互性。提供用户交互动态更改内容验证数据与其他任何语言一样，JavaScript也遵循一些基本的语法规则，如：区分大小写使用成对的符号使用空格使用注释,5,JavaScript工具和运行时环境,JavaScript代码生成工具和IDE有助于创建功能强大的JavaScript代码。以下是其中一些工具：对话框弹出菜单生成器运行时环境客户端脚本编写Web服务器上的JavaScript,6,JavaScript作为客户端程序嵌入网页,使用Script标记使用外部文件在事件处理程序中使用JavaScript,7,使用Script标记示例,祝学有所成!,8,使用外部文件示例,祝学有所成!,document.write(嗨！你好吗？),test.js,9,在事件处理程序中使用JavaScript示例,JavaScript示例,10,变量,变量是一种引用内存位置的容器，用于保存在执行脚本时可以更改的值变量的命令约定变量名必须以字母或下划线(_)开头变量名可以包含数字由于JavaScript区分大小写，所以可用的字母包括A到Z（大写）和a到z（小写）的字符,11,声明变量,varnew_amount;varanswer=null;varold_cost=12.50;varresult=Unknownresult;vara,b,c;result=true;,12,变量的作用域,13,数据类型,在JavaScript中有四种基本的数据类型基本类型属于弱类型,14,运算符,算术运算符比较运算符逻辑运算符字符串运算符求值运算符,15,算术运算符,16,比较运算符,17,逻辑运算符,18,求值运算符,通常这些运算符包括：条件运算符：(condition)?trueVal:falseValtypeof运算符typeof运算符返回字符串，该字符串代表操作数的类型,varx=5;document.write(typeof(x);,status=(age=18)?adult:minor,19,字符串运算符,x=yellow;y=green;z=x+y+white;则z为yellowgreenwhitew=y+9;则w为green9,20,表达式,表达式用于在不同上下文中操作和计算变量。表达式是任意一组有效的文字、变量和运算符，其计算结果为一个值。表达式类型算术：计算结果为一个数字逻辑：计算结果为一个布尔值字符串：计算结果为一个字符串表达式通过运算符组合变量和文字,21,条件语句,ifelse语句switch语句,if(condition)statements;elsestatements2;,switch(expression)casevalue1:statements;break;casevalue2:statements;break;.default:statements;,22,循环语句,fordowhilewhilebreakcontinue,23,函数,常用预定义函数alert函数：生成警告对话框confirm函数：生成确认对话框prompt函数：生成输入对话框close函数：关闭当前窗口eval函数：将字符串转换成JavaScript代码执行isNaN函数：判断给定的参数是否不是数字(不是数字返回true)setTimeout函数：延迟指定的时间执行一次指定的函数setInterval函数：间隔指定的时间执行一次指定的函数用户自定义函数function函数名(参数列表)函数主体;参数列表为可选return语句无返回值：return;有返回值：returnvalue;调用函数函数名(参数列表);,24,函数示例,functionhello()document.write(你好！);document.write(欢迎使用hello()函数);return;functionsum_up(one,two)varresult=one+two;returnresult;functionsum_all()varloop=0,sum=0;for(loop=arguments.length-1;loop=0;loop-)sum+=argumentsloop;returnsum;hello();vartotal=sum_up(7,9);document.write(total+sum_up(8,15);document.write(+sum_all(1,5,8,7,6);,对象,对象中包含定义对象自身的属性（变量）及用于处理数据的方法（函数）。访问对象属性，必须指定对象名及属性：objectNpertyName访问对象方法，必须指定对象名及需要的方法：objectName.method(),使用对象,创建网页时，可以插入：浏览器对象内置脚本语言对象（根据使用的脚本语言的不同而不同）HTML元素也可以创建自已的对象，并在程序中使用。,对象操作语句,JavaScript是一种基于对象（Object-Based）的语言，而不是面对对象（object-oriented）的语言。JavaScript中的对象操作语句：this语句forin语句with语句new语句,this语句,this语句的值指示当前对象，并且可以拥有标准属性，如名称、长度以及相应的值。只能用在函数作用域或其调用引用内。用法：this.属性名,functiondispname(name)alert(欢迎进入JavaScript世界,+name);输入您的名字：,for.in语句,forin语句用于在对象的各个属性，或数组的各个元素之间循环用法：for(variableinobject)statements;,varcolor=newArray(红色,蓝色,绿色);for(varpropincolor)varrecord=color;record+=prop+=+colorprop+;document.write(record);,new语句,new操作符用于新建对象类型实例。用法objectName=newobjectType(param1,param2.,paramN),functionemployee(name,code,designation)=namethis.code=codethis.designation=designationnewemp=newemployee(JohnDias,A001,职员);document.write(雇员姓名：++);document.write(雇员代号：+newemp.code+);document.write(头衔：+newemp.designation);,with语句,with语句用于执行一组语句，所有这些语句都假定引用指定的对象。用法with(object)statements;,vara,b,c;varr=10;with(Math)a=PI*r*r;b=r*cos(PI);c=r*sin(PI/2);document.write(a+);document.write(b+);document.write(c+);,字符串对象,字符串对象用于操纵和处理文本字符串。用法stringNpertyNamestringName.methodName创建字符串的方法使用var语句，并对为其赋值（可选）使用赋值运算符(=)及变量名使用String()构造函数,字符串对象的属性和方法,属性length方法indexOflastIndexOfreplacesplitsubstringtoLowerCasetoUpperCase,字符串对象示例,varbstr=大号;varsstr=小号;varblstr=粗体;varucase=uppercase;varlcase=LOWERCASE;document.write(这是+bstr.big()+文本);document.write(这是+sstr.small()+文本);document.write(这是+blstr.bold()+文本);document.write(这是+ucase.toUpperCase()+文本);document.write(这是+lcase.toLowerCase()+文本);,Math对象,Math对象拥有可用于表示复杂数学运算的属性和方法属性PILN10E方法abs(number)sin(number)cos(number),Math对象示例,functiondoCalc(x)vara;a=Math.PI*x*x;alert(半径为+x+的圆的面积为+a);输入圆的半径：,Date对象,Date是内置对象，包含日期和时间信息。Date对象无属性，但有许多方法可以用来设置、获取和操作日期用法：DateObject=newDate(parameters),Date对象方法,set方法组get方法组to方法组parse和UTC方法组,Date对象示例,2003年的圣诞节是星期+daynamethedate.getDay();thedate.setYear(2004);document.write(2004年的圣诞节是星期+daynamethedate.getDay();/-,40,Array对象(数组对象),数组用于存储具有相同数据类型的一组值，使用下标（索引）来区分各个值。在JavaScript中，数组的下标以零开始。JavaScript没有明确的数组数据类型，但却有内置的数组对象。要在程序中使用数组，必须使用数组对象及其相关联的方法。,41,创建数组,语法：arrayObjectName=newArray(element0,element1,.,elementN)初始化1.将指定的值作为其元素2.使用arrayName=newArray(N),对象名,元素值列表,42,数组赋值,在创建数组时将元素的值直接赋给数组。对数组的元素赋值。,43,访问数组元素,指定元素的索引号,emp0,44,数组对象的元素和方法,length属性sort方法join方法reverse方法,45,多维数组,46,总结,JavaScript是一种脚本语言，使用它可以创建客户端脚本和服务器端脚本。可以使用不