第1章 javascript入门与语法基础.ppt

1、2020/12/4,iSoftStone Technologies Ltd.,Javascript编程,主讲：张暑军,2005 iSoftStone Technologies Ltd. All rights reserved.,2,什么是JavaScript,JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。 用于创建客户端脚本和服务器端脚本 与HTML超文本标记语言、Java 脚本语言（Java小程序）一起实现在一个Web页面中链接多个对象，与Web客户交互作用 它是通过嵌入或调入在标准的HTML语言中实现的 由Sun Micr

2、osystems 和 Netscape 开发，是从 Netscapes 的 Livescript 发展而来的,2005 iSoftStone Technologies Ltd. All rights reserved.,3,JavaScript的作用和基本语法规则,使用 JavaScript 的各种功能，可以增强站点的动态性和交互性。 提供用户交互 动态更改内容 验证数据 与其他任何语言一样，JavaScript 也遵循一些基本的语法规则，如： 区分大小写 使用成对的符号 使用空格 使用注释,2005 iSoftStone Technologies Ltd. All rights reserv

3、ed.,4,JavaScript和Java的区别,基于对象和面向对象 解释和编译 弱变量和强变量 代码格式不一样 Java小应用程序必须通过像HTML中引用外媒体那么进行装载，其代码以字节代码的形式保存在独立的文档中 JavaScript的代码是一种文本字符格式，可以直接嵌入HTML文档中，并且可动态装载 嵌入方式不一样 在HTML文档中，两种编程语言的标识不同，JavaScript使用.来标识，而Java使用.来标识 静态联编和动态联编 Java采用静态联编，即Java的对象引用必须在编译时的进行，以使编译器能够实现强类型检查。 JavaScript采用动态联编，即JavaScript的对象

4、引用在运行时进行检查，如不经编译则就无法实现对象引用的检查。,2005 iSoftStone Technologies Ltd. All rights reserved.,5,JavaScript作为客户端程序嵌入网页,三种方式调用js文件 使用Script标记 使用外部文件 在事件处理程序中使用JavaScript,2005 iSoftStone Technologies Ltd. All rights reserved.,6,使用Script标记示例, 祝学有所成! ,说明： 通过标识.指明JavaScript脚本源代码将放入其间。 通过属性Language =“JavaScript”说明

5、标识中是使用的何种语言， 这里是JavaScript语言, 表示在JavaScript中使用的语言。,2005 iSoftStone Technologies Ltd. All rights reserved.,7,使用外部文件示例, 祝学有所成! ,说明: document. write()是文档对象的输出函数，其功能是将括号中的字符 或变量值输出到窗口； document. close()是将输出关闭。,2005 iSoftStone Technologies Ltd. All rights reserved.,8,在事件处理程序中使用JavaScript, JavaScript示例 ,通

6、过给控件添加相应的事件来实现,例如onclick, onchange 等,2005 iSoftStone Technologies Ltd. All rights reserved.,9,使用Alert/Confirm/Write方法,使用窗口的Alert方法，可以生成一个对话框 使用窗口的Confirm方法，可以生成一个确认对话框 使用document的Write方法可以创建页面内容, ,2005 iSoftStone Technologies Ltd. All rights reserved.,10,数据类型,在JavaScript中有四种基本的数据类型 基本类型属于弱类型,2005 iS

7、oftStone Technologies Ltd. All rights reserved.,11,运算符,算术运算符 比较运算符 逻辑运算符 字符串运算符 求值运算符,2005 iSoftStone Technologies Ltd. All rights reserved.,12,算术运算符,2005 iSoftStone Technologies Ltd. All rights reserved.,13,比较运算符,2005 iSoftStone Technologies Ltd. All rights reserved.,14,逻辑运算符,2005 iSoftStone Techno

8、logies Ltd. All rights reserved.,15,字符串运算符,x = yellow; y = green; z = x + y + white; 则z为yellowgreenwhite w = y + 9; 则w为green9,2005 iSoftStone Technologies Ltd. All rights reserved.,16,求值运算符,通常这些运算符包括： 条件运算符： (condition) ? trueVal : falseVal typeof 运算符 typeof 运算符返回字符串，该字符串代表操作数的类型,var x = 5; document

9、.write(typeof(x);,status = (age = 18) ? adult : minor,2005 iSoftStone Technologies Ltd. All rights reserved.,17,表达式,表达式用于在不同上下文中操作和计算变量。 表达式是任意一组有效的文字、变量和运算符，其计算结果为一个值。 表达式类型 算术：计算结果为一个数字 逻辑：计算结果为一个布尔值 字符串：计算结果为一个字符串 表达式通过运算符组合变量和文字,2005 iSoftStone Technologies Ltd. All rights reserved.,18,变量,变量是一种引

10、用内存位置的容器，用于保存在执行脚本时可以更改的值 变量的命令约定 变量名必须以字母或下划线 (_) 开头 变量名可以包含数字 由于JavaScript区分大小写，所以可用的字母包括A到Z（大写）和a到z（小写）的字符,2005 iSoftStone Technologies Ltd. All rights reserved.,19,声明变量,申明变量 1. 变量可以用命令var作声明 var a, b, c; var old_cost = 12.50; 2. 变量以可以不作声明，而在使用时再根据数据的类型来确其变量的类型 x=100 ; y=125 ; xy= True ; 在JavaScr

11、ipt中同样有全局变量和局部变量: 全局变量是定义在所有函数体之外，其作用范围是整个函数； 局部变量是定义在函数体之内，只对其该函数是可见的，而对其它函数则是不可见的。,2005 iSoftStone Technologies Ltd. All rights reserved.,20,条件语句,if else语句 switch语句,if (condition) statements; else statements2; ,switch (expression) case value1: statements; break; case value2: statements; break; . d

12、efault :statements; ,2005 iSoftStone Technologies Ltd. All rights reserved.,21,循环语句,for for（初始化；条件；增量） dowhile while while（条件） break 使用break语句使得循环从For或while中跳出 continue continue使得跳过循环内剩余的语句而进入下一次循环,2005 iSoftStone Technologies Ltd. All rights reserved.,22,函数,预定义函数 eval(str):返回字符串表达式中的值 isNaN(str):判断指定的内容是否不为数字 parseInt(numbestring ,rad.X)函数:返回不同进制的数， 从左至右解析 用户自定义函数 创建用户定义的函数 调用函数 return 语句,function funcName(参数列表) statements; 【 return 结果】 ,2005 iSoftStone Technologies Ltd. All rights reserved.,23,函数示例,2005 iSoftSto