javascriptJavaScript语法基础.pptVIP

JavaScript语法基础,2,目标,理解什么是JavaScript理解JavaScript的语法基础,3,什么是JavaScript,JavaScript是一种基于对象的脚本语言，用于开发基于客户端和基于服务器的Internet应用程序可用于创建客户端脚本和服务器端脚本由SunMicrosystems和Netscape开发，是从Netscapes的Livescript发展而来的Microsoft公司的IE也开始支持JavaScript，开发自己的JavaScript，称为JScript.目前流行的浏览器都支持JavaScript,4,JavaScript的作用和基本语法规则,使用JavaScript的各种功能，可以增强站点的动态性和交互性。提供用户交互动态更改内容验证数据与其他任何语言一样，JavaScript也遵循一些基本的语法规则，如：区分大小写使用成对的符号使用空格使用注释：/单行注释/*第一行注释内容第二行注释内容*/,5,JavaScript工具和运行时环境,JavaScript代码生成工具和IDE有助于创建功能强大的JavaScript代码。纯文本编辑器：Windows中的记事本“刀耕火种”专业脚本编辑工具：1stJavaScriptEditor等运行时环境客户端脚本编写（）Web服务器上的JavaScript,6,JavaScript作为客户端程序嵌入网页,使用Script标记使用外部文件在事件处理程序中使用JavaScript,7,使用Script标记示例,祝学有所成!,Tips：放在或之间。,8,使用外部文件示例,祝学有所成!,document.write(嗨！你好吗？),test.js,Tips：JavaScript程序被多个html文件使用，为了减少代码维护，将JavaScript程序放到一个扩展名为.js的文件中供其他html文件调用。,9,在事件处理程序中使用JavaScript示例,JavaScript示例,Tips：当JavaScript程序比较简短时，可以将语句写在标签的事件属性。,10,JavaScript示例ClickMe,Tips：作为URL的JavaScript代码前要增加javascript:。,11,使用Alert/Confirm/Write方法,使用窗口的Alert方法，可以生成一个对话框使用窗口的Confirm方法，可以生成一个确认对话框使用document的Write方法可以创建页面内容,12,事件处理程序,Tips：1、每条功能执行语句的最后必须用分号(;)结束，一个单独的分号(;)也可以表示一条语句，即空语句。英文;中文；2、作为属性值的JavaScript脚本程序代码的最后一条语句结尾处的分号可以省略。建议任何情况下都以分号结束！,13,变量,变量是一种引用内存位置的容器，用于保存在执行脚本时可以更改的值变量的命令约定：变量名必须以字母或下划线(_)或美元符($)开头变量名可以包含数字，但是不能以数字开头由于JavaScript严格区分大小写，所以可用的字母包括A到Z（大写）和a到z（小写）的字符避免定义以两个下划线(_)开头的标识符,14,声明变量,varnew_amount;varanswer=null;varold_cost=12.50;varresult=Unknownresult;vara,b,c;result=true;,示例：变量声明与定义,15,变量的作用域,示例：变量的作用域,16,数据类型,在JavaScript中有四种基本的数据类型基本类型属于弱类型,Tips:非数字特殊值NaN，它和任何数值都不相等，包括它自己，isNaN()检测,17,在JavaScript中还有一个特殊的未定义值，用undefined来表示。表示变量没有被赋值的状态或者对象的某个属性不存在。变量使用时如有以下情况则返回undefined值：使用了一个并未声明的变量使用已经声明但还没有赋值的变量使用了一个并不存在的对象属性,18,null与undefined区别与联系？,null是关键字，undefined是一个全局变量null表示赋值给变量的是“空”值，是一个确定的值；undefined表示变量还没有被赋值，没有被初始化。=运算符认为二者相等；如果想区分应该使用测试一致性的运算符=或typeof。示例：测定null和undefined的数据类型及是否相等,19,运算符,算术运算符比较运算符逻辑运算符字符串运算符求值运算符,20,算术运算符,21,比较运算符,示例：比较运算符相等与严格相等比较,22,逻辑运算符,示例：逻辑运算符,23,字符串运算符,x=yellow;y=green;z=x+y+white;则z为yellowgreenwhitew=y+9;则w为green9,示例：字符串运算符+运算符示例,24,求值运算符,通常这些运算符包括：条件运算符：(condition)?trueVal:falseValtypeof运算符typeof运算符返回字符串，该字符串代表操作数的类型,varx=5;document.write(typeof(x);,status=(age=18)?adult:minor,25,表达式,表达式用于在不同上下文中操作和计算变量。表达式是任意一组有效的文字、变量和运算符，其计算结果为一个值。表达式类型算术：计算结果为一个数字逻辑：计算结果为一个布尔值字符串：计算结果为一个字符串表达式通过运算符组合变量和文字,26,数组,数组用于存储具有相同数据类型的一组值，使用下标（索引）来区分各个值。在JavaScript中，数组的下标以零开始。JavaScript没有明确的数组数据类型，但却有内置的数组对象。要在程序中使用数组，必须使用数组对象及其相关联的方法。,27,创建数组,语法：arrayObjectName=newArray(element0,element1,.,elementN)初始化1.将指定的值作为其元素2.使用arrayName=newArray(N),对象名,元素值列表,28,数组赋值,在创建数组时将元素的值直接赋给数组。对数组的元素赋值。,29,访问数组元素,指定元素名指定元素的索引号,empRyanDiasemp0,30,数组对象的元素和方法,length属性sort方法join方法reverse方法,31,多维数组,32,流程控制,顺序结构选择结构循环结构,33,流程控制顺序结构,顺序结构非常简单，所有的语句以他们出现的先后顺序执行。示例：顺序结构,34,流程控制选择条件结构1,ifelse语句示例：if语句的使用if-else求绝对值if-else判断用户是否成年if-else学生成绩百分制转等级制,if(condition)statements;elsestatements2;,35,流程控制选择条件结构2,switch,switch(expression)casevalue1:statements;break;casevalue2:statements;break;.default:statements;,示例：switch学生成绩百分制转等级制,36,流程控制循环结构,Whilewhile循环语句while求120整数之和dowhiledo.while求16阶乘Forfor求16阶乘for数组赋值逆序输出Fr.in输出数组for.in输出文本框属性Withwith操作document对象属性Breakbreak语句使用Continuecontinue语句使用九九乘法表？while-break实现九九乘法表while-continue实现九九乘法表,37,函数,用户自定义函数创建用户定义的函数调用函数return语句,functionfuncName(argument1,argument2,etc)statements;,38,函数示例,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);,39,函数对象动态函数,varfunctionName=newFunction(arg1,arg2,expression)最后一个表达式expression决定了函数的功能。示例：函数对象的使用,40,预定义函数,eval函数：将一些字符串转换成JavaScript语句示例：eval函数使用parseInt(stringtoparse,n)pareFloat(stringtoparse)示例：parseInt_parseFloat使用isNaN函数示例：isNaN使用escape和unescape函数示例：escape和unescape函数示例,41,总结,JavaScript是一种脚本语言，使用它可以创建客户端脚本和服务器端脚本。可以使用不同的方法将JavaScript语句插入到HTML文档中。Jav