JavaScript语法基础.ppt

《JavaScript语法基础.ppt》由会员分享，可在线阅读，更多相关《JavaScript语法基础.ppt（35页珍藏版）》请在三一办公上搜索。

1、JavaScript 语法基础,第 一 章,2,目标,理解什么是JavaScript理解JavaScript的语法基础3个体验项目(PPT 35,讲解相应的知识，上机会用到),3,写一个9 9 乘法表,4,写一个加法计算器,5,验证密码,6,什么是JavaScript,JavaScript是一种基于对象的脚本语言，用于开发基于客户端和基于服务器的Internet应用程序 可用于创建客户端脚本和服务器端脚本由Sun Microsystems 和 Netscape 开发，是从 Netscapes 的 Livescript 发展而来的,7,JavaScript的作用和基本语法规则,使用 JavaSc

2、ript 的各种功能，可以增强站点的动态性和交互性。提供用户交互动态更改内容验证数据与其他任何语言一样，JavaScript 也遵循一些基本的语法规则，如：区分大小写使用成对的符号使用空格使用注释,8,JavaScript 工具和运行时环境,JavaScript 代码生成工具和 IDE 有助于创建功能强大的 JavaScript 代码。以下是其中一些工具：对话框弹出菜单生成器远程控件运行时环境客户端脚本编写Web 服务器上的 JavaScript,9,JavaScript作为客户端程序嵌入网页,使用Script标记使用外部文件在事件处理程序中使用JavaScript,10,使用Script标记

3、示例,祝学有所成!,11,使用外部文件示例,祝学有所成!,document.write(嗨！你好吗？),test.js,12,在事件处理程序中使用JavaScript示例,JavaScript示例,13,使用Alert/Confirm/Write方法,使用窗口的Alert方法，可以生成一个对话框使用窗口的Confirm方法，可以生成一个确认对话框使用document的Write方法可以创建页面内容,14,变量,变量是一种引用内存位置的容器，用于保存在执行脚本时可以更改的值 变量的命令约定变量名必须以字母或下划线(_)开头变量名可以包含数字由于JavaScript区分大小写，所以可用的字母包括A

4、到Z（大写）和a到z（小写）的字符,15,声明变量,var new_amount;var answer=null;var old_cost=12.50;var result=Unknown result;var a,b,c;result=true;,16,变量的作用域,17,数据类型,在JavaScript中有四种基本的数据类型基本类型属于弱类型,18,运算符,算术运算符比较运算符逻辑运算符字符串运算符 求值运算符,19,算术运算符,20,比较运算符,21,逻辑运算符,22,字符串运算符,x=yellow;y=green;z=x+y+white;则z为yellowgreenwhitew=y+9

5、;则w为green9,23,求值运算符,通常这些运算符包括：条件运算符：(condition)?trueVal:falseVal typeof 运算符 typeof 运算符返回字符串，该字符串代表操作数的类型,var x=5;document.write(typeof(x);,status=(age=18)?adult:minor,24,表达式,表达式用于在不同上下文中操作和计算变量。表达式是任意一组有效的文字、变量和运算符，其计算结果为一个值。表达式类型算术：计算结果为一个数字逻辑：计算结果为一个布尔值字符串：计算结果为一个字符串表达式通过运算符组合变量和文字,25,数组,数组用于存储具有相

6、同数据类型的一组值，使用下标（索引）来区分各个值。在JavaScript中，数组的下标以零开始。JavaScript没有明确的数组数据类型，但却有内置的数组对象。要在程序中使用数组，必须使用数组对象及其相关联的方法。,26,创建数组,语法：arrayObjectName=new Array(element0,element1,.,elementN)初始化1.将指定的值作为其元素2.使用arrayName=new Array(N),对象名,元素值列表,27,数组赋值,在创建数组时将元素的值直接赋给数组。对数组的元素赋值。,28,访问数组元素,指定元素名指定元素的索引号,empRyan Diase

7、mp0,29,数组对象的元素和方法,length属性sort方法join方法reverse方法,30,多维数组,31,条件语句,if else语句switch语句,if(condition)statements;else statements2;,switch(expression)case value1:statements;break;case value2:statements;break;.default:statements;,32,循环语句,fordowhilewhilebreakcontinue,33,函数,预定义函数eval 函数isNaN 函用户自定义函数创建用户定义的函数

8、调用函数return 语句,function funcName(argument1,argument2,etc)statements;,34,函数示例,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

9、;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);,35,总结,JavaScript是一种脚本语言，使用它可以创建客户端脚本和服务器端脚本。可以使用不同的方法将JavaScript语句插入到HTML文档中。JavaScript支持的基本数据类型有数字型、逻辑型或布尔型、字符串型 和空型。JavaScript支持的运算符包括：算术运算符、比较运算符、逻辑运算符、字符串运算符和求值运算符。数组用于存储具有相同数据类型的一组值变量条件语句包括：if.else和分支语句switch。循环语句包括for循环、dowhile、while、break&continue语句。JavaScript具有一些预定义函数，也可以创建自定义函数。,