JavaScript 语法基础

单击此处编辑母版标题样式,第一级,第二级,*,JavaScript,语法基础,第 七,章,回顾,了解,DHTML,样式表,什么是样式表,为什么要使用样式表,样式表的语法规则,创建并使用样式表,2,目标,理解什么是,JavaScript,理解,JavaScript,的语法基础,3,什么是,JavaScript,JavaScript,是一种基于对象的脚本语言，用于开发基于客户端和基于服务器的,Internet,应用程序,可用于创建客户端脚本和服务器端脚本,由Sun,Microsystems 和 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,使用,Alert/Confirm/Write,方法,使用窗口的,Alert,方法，可以生成一个对话框,使用窗口的,Confirm,方法，可以生成一个确认对话框,使用,document,的,Write,方法可以创建页面内容,11,变量,变量是一种引用内存位置的容器，用于保存在执行脚本时可以更改的值,变量的命令约定,变量名必须以字母或下划线,(_),开头,变量名可以包含数字,由于,JavaScript,区分大小写，所以可用的字母包括,A,到,Z,（大写）和,a,到,z,（小写）的字符,12,声明变量,var,new_amount,;,var,answer=null;,var,old_cost,=12.50;,var,result=Unknown result;,var,a,b,c;,result=true;,13,变量的作用域,Function1,、,Function2,和,Function3,都可以访问,脚本,全局变量,Function1,局部变量,a,Function2,局部变量,b,Function3,局部变量,c,14,数据类型,在,JavaScript,中有四种基本的数据类型,基本类型属于弱类型,数据类型,描述,数字型,(Number),整数或实数,逻辑型或布尔型,(Boolean),True,或,False,字符串型,(String),如“,Hello World,”,，“,123.4,”,空型,(null),表示空值的特殊关键字,15,运算符,算术运算符,比较运算符,逻辑运算符,字符串运算符,求值运算符,16,算术运算符,运算符,说明,示例,+,如果操作数都是数字时执行加法运算，如果其,中的操作数有字符串时，会执行连接字符串的,作用,A=5+8/,结果是,13,A=5+8/,结果是,58,-,减法,A=8 5,*,乘法,A=8*5,/,除法,A=20/5,%,取余,-,相除之后的余数,10%3=1,+,一元递增。此运算符只计算一个操作数，将操作数的值加,1,。返回的值取决于,+,运算符是位,于操作数之前还是位于操作数之后。,+x,返回递增后的,x,值,x+,返回递增前的,x,值,-,一元递减。此运算符只计算一个操作数。返回的值取决于,-,运算符是位于操作数之前还是位,于操作数之后,-x,返回递减后的,x,值,x-,返回递减前的,x,值,-,一元求反。此运算符返回操作数的相反数,如果,a,等于,5,，则,-,a=-5,17,比较运算符,运算符,说明,示例,=,等于。如果两个操作数相等，则返回,True,a=b,!=,不等于。如果两个操作数不等，则返回,True,Var2!=5,大于。如果左操作数大于右操作数，则返回,True,Var1 var2,=,大于或等于。如果左操作数大于或等于右操作数，,则返回,True,Var1=5,Var1=var2,小于。如果左操作数小于右操作数，则返回,True,Var2 var1,=,小于或等于。如果左操作数小于或等于右操作数，,则返,True,Var2=4,Var2=18)?adult:minor,21,表达式,表达式用于在不同上下文中操作和计算变量。,表达式是任意一组有效的文字、变量和运算符，其计算结果为一个值。,表达式类型,算术：计算结果为一个数字,逻辑：计算结果为一个布尔值,字符串：计算结果为一个字符串,表达式通过运算符组合变量和文字,22,数组,数组用于存储具有相同数据类型的一组值，使用下标（索引）来区分各个值。,在,JavaScript,中，数组的下标以零开始。,JavaScript,没有明确的数组数据类型，但却有内置的数组对象。要在程序中使用数组，必须使用数组对象及其相关联的方法。,23,创建数组,语法：,arrayObjectName,=new Array(element0,element1,.,elementN,),初始化,1.,将指定的值作为其元素,2.,使用,arrayName,=new,Array(N,),对象名,元素值列表,元素个数,24,数组赋值,在创建数组时将元素的值直接赋给数组。,对数组的元素赋值。,25,访问数组元素,指定元素名,指定元素的索引号,empRyan Dias,emp0,26,数组对象的元素和方法,length,属性,sort,方法,join,方法,reverse,方法,27,多维数组,28,条件语句,if else,语句,switch,语句,if(condition),statements;,else,statements2;,switch(expression),case value1:,statements;,break;,case value2:,statements;,break;,.,default:statements;,29,循环语句,for,dowhile,while,break,continue,30,函数,预定义函数,eval,函数,isNaN,函数,用户自定义函数,创建用户定义的函数,调用函数,return,语句,function funcName(argument1,argument2,etc),statements;,31,函数示例,function hello(),document.write(,你好,！,);,document.write(,欢迎使用,hello(),函数,);,return;,function sum_up(one,two),var result=one+two;,return result;,function sum_all(),var loop=0,sum=0;,for(loop=arguments.length-1;loop=0;loop-),sum+=argumentsloop;,return sum;,hello();,var total=sum_up(7,9);,document.write(total+sum_up(8,15);,document.write(+sum_all(1,5,8,7,6);,32,总结,JavaScript,是一种脚本语言，使用它可以创建客户端脚本和服务器端脚本。,可以使用不同的方法将,JavaScript,语句插入到,HTML,文档中。,JavaScript,支持的基本数据类型有数字型、逻辑型或布尔型、字符串型 和空型。,JavaScript,支持的运算符包括：算术运算符、比较运算符、逻辑运算符、字符串运算符和求值运算符。,数组用于存储具有相同数据类型的一组值变量,条件语句包括,：,if.else,和,分支语句,switch,。,循环语句包括,for,循环、,dowhile,、,while,、,break&continue,语句,。,JavaScript,具有一些预定义函数，也可以创建自定义函数。,33,