JavaScript基础知识PPT演示课件

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,使用Alert/Confirm/Write方法,使用窗口的Alert方法，可以生成一个对话框使用窗口的Confirm方法，可以生成一个确认对话框使用document的Write方法可以创建页面内容,11,变量,变量是一种引用内存位置的容器，用于保存在执行脚本时可以更改的值变量的命令约定变量名必须以字母或下划线(_)开头变量名可以包含数字由于JavaScript区分大小写，所以可用的字母包括A到Z（大写）和a到z（小写）的字符,12,声明变量,varnew_amount;varanswer=null;varold_cost=12.50;varresult=Unknownresult;vara,b,c;result=true;,13,变量的作用域,14,数据类型,在JavaScript中有四种基本的数据类型基本类型属于弱类型,15,运算符,算术运算符比较运算符逻辑运算符字符串运算符求值运算符,16,算术运算符,17,比较运算符,18,逻辑运算符,19,字符串运算符,x=yellow;y=green;z=x+y+white;则z为yellowgreenwhitew=y+9;则w为green9,20,求值运算符,通常这些运算符包括：条件运算符：(condition)?trueVal:falseValtypeof运算符typeof运算符返回字符串，该字符串代表操作数的类型,varx=5;document.write(typeof(x);,status=(age=18)?adult:minor,21,表达式,表达式用于在不同上下文中操作和计算变量。表达式是任意一组有效的文字、变量和运算符，其计算结果为一个值。表达式类型算术：计算结果为一个数字逻辑：计算结果为一个布尔值字符串：计算结果为一个字符串表达式通过运算符组合变量和文字,22,数组,数组用于存储具有相同数据类型的一组值，使用下标（索引）来区分各个值。在JavaScript中，数组的下标以零开始。JavaScript没有明确的数组数据类型，但却有内置的数组对象。要在程序中使用数组，必须使用数组对象及其相关联的方法。,23,创建数组,语法：arrayObjectName=newArray(element0,element1,.,elementN)初始化1.将指定的值作为其元素2.使用arrayName=newArray(N),对象名,元素值列表,24,数组赋值,在创建数组时将元素的值直接赋给数组。对数组的元素赋值。,25,访问数组元素,指定元素名指定元素的索引号,empRyanDiasemp0,26,数组对象的元素和方法,length属性sort方法join方法reverse方法,27,多维数组,28,条件语句,ifelse语句switch语句,if(condition)statements;elsestatements2;,switch(expression)casevalue1:statements;break;casevalue2:statements;break;.default:statements;,29,循环语句,fordowhilewhilebreakcontinue,30,函数,预定义函数eval函数(计算字符串表达式的值)parseFloat()将字符串开头的整数或浮点数分解出来，转换为浮点数。如，parseFloat(“123.45”)、parseFloat(“123.45abc”)返回浮点数123.45，而parseFloat(“abc123.45”)和parseFloat(true)返回NaN。用户自定义函数创建用户定义的函数调用函数return语句,functionfuncName(argument1,argument2,etc)statements;,31,函数示例,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);,32,总结,JavaScript是一种脚本语言，使用它可以创建客户端脚本和服务器端脚本。可以使用不同的方法将JavaScript语句插入到HTML文档中。JavaScript支持的基本数据类型有数字型、逻辑型或布尔型、字符串型和空型。JavaScript支持的运算符包括：算术运算符、比较运算符