javascript1JavaScript语法基础.ppt

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

1、JavaScript 语法基础,2,目标,理解什么是JavaScript理解JavaScript的语法基础,3,什么是JavaScript,JavaScript是一种基于对象的脚本语言，用于开发基于客户端和基于服务器的Internet应用程序 可用于创建客户端脚本和服务器端脚本由Sun Microsystems 和 Netscape 开发，是从 Netscapes 的 Livescript 发展而来的Microsoft公司的IE也开始支持JavaScript，开发自己的JavaScript，称为JScript.目前流行的浏览器都支持JavaScript,4,JavaScript的作用和基本语法

2、规则,使用 JavaScript 的各种功能，可以增强站点的动态性和交互性。提供用户交互动态更改内容验证数据与其他任何语言一样，JavaScript 也遵循一些基本的语法规则，如：区分大小写使用成对的符号使用空格使用注释：/单行注释/*第一行注释内容 第二行注释内容*/,5,JavaScript 工具和运行时环境,JavaScript 代码生成工具和 IDE 有助于创建功能强大的 JavaScript 代码。纯文本编辑器：Windows中的记事本“刀耕火种”专业脚本编辑工具：1st JavaScript Editor等运行时环境客户端脚本编写（）Web 服务器上的 JavaScript,6,J

3、avaScript作为客户端程序嵌入网页,使用Script标记使用外部文件在事件处理程序中使用JavaScript,7,使用Script标记示例,祝学有所成!,Tips：放在或之间。,8,使用外部文件示例,祝学有所成!,document.write(嗨！你好吗？),test.js,Tips：JavaScript程序被多个html文件使用，为了减少代码维护，将JavaScript程序放到一个扩展名为.js的文件中供其他html文件调用。,9,在事件处理程序中使用JavaScript示例,JavaScript示例,Tips：当JavaScript程序比较简短时，可以将语句写在标签的事件属性。,10

4、,JavaScript示例 Click Me,Tips：作为URL的JavaScript代码前要增加javascript:。,11,使用Alert/Confirm/Write方法,使用窗口的Alert方法，可以生成一个对话框使用窗口的Confirm方法，可以生成一个确认对话框使用document的Write方法可以创建页面内容,12,事件处理程序,Tips：1、每条功能执行语句的最后必须用分号(;)结束，一个单独的分号(;)也可以表示一条语句，即空语句。英文;中文；2、作为属性值的JavaScript脚本程序代码的最后一条语句结尾处的分号可以省略。建议任何情况下都以分号结束！,13,变量,变量

5、是一种引用内存位置的容器，用于保存在执行脚本时可以更改的值 变量的命令约定：变量名必须以字母或下划线(_)或美元符($)开头变量名可以包含数字，但是不能以数字开头由于JavaScript严格区分大小写，所以可用的字母包括A到Z（大写）和a到z（小写）的字符避免定义以两个下划线(_ _)开头的标识符,14,声明变量,var new_amount;var answer=null;var old_cost=12.50;var result=Unknown result;var a,b,c;result=true;,示例：变量声明与定义,15,变量的作用域,示例：变量的作用域,16,数据类型,在Jav

6、aScript中有四种基本的数据类型基本类型属于弱类型,Tips:非数字特殊值NaN，它和任何数值都不相等，包括它自己，isNaN()检测,17,在JavaScript中还有一个特殊的未定义值，用undefined来表示。表示变量没有被赋值的状态或者对象的某个属性不存在。变量使用时如有以下情况则返回undefined值：使用了一个并未声明的变量 使用已经声明但还没有赋值的变量 使用了一个并不存在的对象属性,18,null与undefined区别与联系？,null是关键字，undefined是一个全局变量null表示赋值给变量的是“空”值，是一个确定的值；undefined表示变量还没有被赋值，

7、没有被初始化。=运算符认为二者相等；如果想区分应该使用测试一致性的运算符=或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:f

8、alseVal typeof 运算符 typeof 运算符返回字符串，该字符串代表操作数的类型,var x=5;document.write(typeof(x);,status=(age=18)?adult:minor,25,表达式,表达式用于在不同上下文中操作和计算变量。表达式是任意一组有效的文字、变量和运算符，其计算结果为一个值。表达式类型算术：计算结果为一个数字逻辑：计算结果为一个布尔值字符串：计算结果为一个字符串表达式通过运算符组合变量和文字,26,数组,数组用于存储具有相同数据类型的一组值，使用下标（索引）来区分各个值。在JavaScript中，数组的下标以零开始。JavaScrip

9、t没有明确的数组数据类型，但却有内置的数组对象。要在程序中使用数组，必须使用数组对象及其相关联的方法。,27,创建数组,语法：arrayObjectName=new Array(element0,element1,.,elementN)初始化1.将指定的值作为其元素2.使用arrayName=new Array(N),对象名,元素值列表,28,数组赋值,在创建数组时将元素的值直接赋给数组。对数组的元素赋值。,29,访问数组元素,指定元素名指定元素的索引号,empRyan Diasemp0,30,数组对象的元素和方法,length属性sort方法join方法reverse方法,31,多维数组,3

10、2,流程控制,顺序结构选择结构循环结构,33,流程控制顺序结构,顺序结构非常简单，所有的语句以他们出现的先后顺序执行。示例：顺序结构,34,流程控制选择条件结构1,if else语句示例：if语句的使用 if-else求绝对值 if-else判断用户是否成年 if-else学生成绩百分制转等级制,if(condition)statements;else statements2;,35,流程控制选择条件结构2,switch,switch(expression)case value1:statements;break;case value2:statements;break;.default:st

11、atements;,示例：switch学生成绩百分制转等级制,36,流程控制循环结构,While while循环语句 while求120整数之和dowhile do.while求16阶乘For for求16阶乘 for数组赋值逆序输出For.in for.in输出数组 for.in输出文本框属性With with操作document对象属性Break break语句使用Continue continue语句使用九九乘法表？while-break实现九九乘法表 while-continue实现九九乘法表,37,函数,用户自定义函数创建用户定义的函数 调用函数return 语句,function

12、funcName(argument1,argument2,etc)statements;,38,函数示例,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

13、 total=sum_up(7,9);document.write(total+sum_up(8,15);document.write(+sum_all(1,5,8,7,6);,39,函数对象动态函数,var functionName=new Function(arg1,arg2,expression)最后一个表达式expression决定了函数的功能。示例：函数对象的使用,40,预定义函数,eval 函数：将一些字符串转换成JavaScript语句示例：eval函数使用parseInt(stringtoparse,n)pareFloat(stringtoparse)示例：parseInt_p

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