《电子商务实用基础 教学课件 ppt 作者 闵敏 第4章 脚本语言》由会员分享，可在线阅读，更多相关《电子商务实用基础 教学课件 ppt 作者 闵敏 第4章 脚本语言（67页珍藏版）》请在金锄头文库上搜索。
1、第4章 脚本语言,电子商务设计实务 第二版,主要内容,一、脚本语言基础,JavaScript 简介 简单的解释性语言。 基于对象的语言。 是一种动态的语言。 是跨平台的语言。 下面我们通过一个例子（例4-1-1），编写一个JavaScript程序。运行结果如下：,二、JavaScript基本语法,JavaScript的脚本包括在HTML中，它成为HTML文档的一部分。与HTML标识相结合，构成了一个功能强大的Internet网上编程语言。, JavaScript语言代码; JavaScript语言代码; ,例4-2-1是将JavaScript脚本加入Web文档中的例子 。,二、JavaScri
2、pt基本语法,数据类型 变量,变量名以英文字母或是下划线“”开头； 变量名长度小于255个字符； 变量名由字符，数字及下划线的混合组成，但是不可以使用空格； 变量名中不能包含任何运算符号，例如“+- * /”； 变量名不能是保留字，如break、function、var、int、double、true等； 变量名是区分大小写的，如book和Book就是两个不同的变量； 变量名中最好使用首字母大写的单词，以方便阅读，如myWebPage。,变量命名,二、JavaScript基本语法,数据类型 变量,变量声明,JavaScript是弱类型的，一个变量在使用的时候可以不声明。但这样很容易产生歧义，所
3、以，实际应用中一般都采用显式声明方式，就在使用前用首先声明它。声明变量的语法格式是：,var 变量名=初值;,在JavaScript中，变量可以不作声明而直接使用，其数据类型是在首次赋值的时候确定的，如：,x=100；y=“125“；xy= True；cost=19.5;,二、JavaScript基本语法,数据类型 基本数据类型,数值类型,整数。Java除了支持十进制整数，还支持八进制和十六进制。,age=32; /十进制 degree=O456; /八进制 all=Ox01fa; /十六进制,浮点数。浮点数即我们平常所说的小数，如：,grades=86.4; degree=43.7; eu=
4、6.4E5; u=6.4*10+3; math1=22E-11;,二、JavaScript基本语法,数据类型 基本数据类型,字符串类型,字符串就是由一串字符的组合。字符串放在两个双引号（“ “）或两个单引号( )之间。字符串中可以包括字母、汉字、数字、符号等所有计算机可以看到的字符，理论上最多可以包含20亿个字符。,二、JavaScript基本语法,数据类型 基本数据类型,布尔类型,布尔类型一般用在判断语句中。它的值只有True和false两个值。由于在JavaScript中，英文字母的大小写是有分别的，所以true并不能写为True或其它形式，false也是如此。,二、JavaScript基
5、本语法,数据类型 基本数据类型,未定义类型,这是一种特殊的数据类型，专门代表没有初始化的变量。对于没有初始化的变量，如果要读取它的值或者将其赋值给类型确定的变量，都会产生“未定义”错误。,二、JavaScript基本语法,数据类型 基本数据类型,空类型,声明变量时，可以将一个变量初始化为null。null非常灵活，作为数字等效于0，作为字符串时是空串。,二、JavaScript基本语法,数据类型 常量,整型常量,整型常量可以用十进制、十六进制或八进制表示。,浮点常量,浮点常量是普通实数表示。,布尔常量,Java中的布尔常量只有两个：true和false，用作判断语句中表示真和假。,字符串常量,
6、字符串常量是用一对双引号或者单引号括起来的多个字符。,二、JavaScript基本语法,数据类型 常量,特殊常量,可以在JavaScript中使用所谓的转义符，表示特殊功能的控制字符，如： b 表示退格；f 表示换页；n 表示换行符；r 表示回车符；t 表示TAB符号； 表示单引号本身；“ 表示双引号本身,null常量,null是一个特殊的常量，它可以同任何类型安全地转换，例如在数值中这个值表示0，而在字符串中这个值表示一个空的字符串。,二、JavaScript基本语法,数据类型 重要运算,字符串连接,字符串运算一般都是把字符串连起来，可以用如下格式：,求余运算,求余数运算符（%）是求出两个数
7、字相除之后所得的余数。例如：,var aa=“你是老师，“; var bb=“我也是老师，“; cc=aa+bb+“我们都是老师“;,a=12%5; /a=2 b=55.3%6.1 /b=0.4。,二、JavaScript基本语法,数据类型 重要运算,增减运算,JavaScript中的递增运算符（+）和自减运算府和C/C+中是一样的。A+返回先用A参与所在表达式运算，然后再给A加1。+A则会首先给A加1，然后再将加1后的A参与到所在的表达式。,位运算,JavaScript的位运算与C/C+是一样的。&表示按位“与”，|表示按位或，表示按位异或，表示按位取反。,二、JavaScript基本语法,
8、数据类型 重要运算,逻辑运算,JavaScript的逻辑运算也与C/C+是一样的。&表示与，|表示或，!表示取反。,比较操作符,JavaScript提供了和C类似的比较运算。它们分别是：等于（=）、不等于（！=）、大于等于（=）、大于（）、小于 ()、小于等于（=）等六种。,二、JavaScript基本语法,数据类型 重要运算,赋值运算符,除了最常用的等号（=）赋值运算外，JavaScript中也提供了和C类似的特殊赋值运算：,X+=Y 等价于：X=X+Y X-=Y 等价于：X=X-Y X*=Y 等价于：X=X*Y X/=Y 等价于：X=X/Y X%=Y 等价于：X=X%Y X&=Y 等价于：
9、X=X&Y,二、JavaScript基本语法,数据类型 表达式,条件表达式,条件表达式由三部分组成：（条件）？条件为真时返回值：条件为假时返回值，例如：,statue=(age=18)? “adult“:“minor“,二、JavaScript基本语法,数据类型 表达式,赋值表达式,赋值表达式由变量、常量、函数等组成。例如：,x=math.sin(x)+6.99,例4-2-2是跑马灯效果的例子。效果如下,二、JavaScript基本语法,2.函数与方法 Math对象,重要常数,二、JavaScript基本语法,2.函数与方法 Math对象,常用方法,abs(a)：用于计算a的绝对值。如Math
10、.abs(-5.5)。 Ceil(a)：返回小于a的最大整数，如Math.ceil(5)返回6。 floor(a)：返回一个大于a的最小整数。如Math.floor(-6.4)返回-7。 log(a)：计算a的自然对数。 exp(a)：计算以e的a次方值。 pow(x,y)：计算x的y次方。 max(a,b)：返回值a与b中的较大者。 min(a,b)：返回a与b中的较小者。 sqrt(a)：计算a的平方根。 round(a)：返回a四舍五入后的值。 random()：随机产生一个介于0到1之间的数值。 sin(a)、cos(a)、tan(a)、asin(a)、atan(a)都是三角函数，a参
11、数都是弧度。,二、JavaScript基本语法,2.函数与方法 String 对象,处理的属性和方法,String对象必须在定义了字符串只后才可以使用。一旦定义了字符串，就可以直接访问String的方法或属性了。基本格式如下：,a=“字符串“ /定义并初始化一个String对象a b=afunction(参数) /调用String对象a的方法functiong,二、JavaScript基本语法,2.函数与方法 String 对象,显示的属性和方法,String对象还提供了一些用于设置字符串特性的属性和方法。 如fontsize(num)方法 、fontcolor(color)方法、small(
12、)和big()方法、blink()和strike()方法 bold()和italics()方法和sub()和sup()方法 ，如例4-2-3 所示。,二、JavaScript基本语法,2.函数与方法 Date对象,创建日期对象实例,声明日期对象的实例使用new关键字。格式为：,var myDate=new Date(datetime);,日期读取操作 日期设置,二、JavaScript基本语法,2.函数与方法 数组对象,创建数组,数组就是连续的相同类型的多个元素的集合。格式为：,var array=new Array();,数组操作 JavaScript中操作数组的方法和C语言是类似的。,二、
13、JavaScript基本语法,2.函数与方法 其它常用函数,escape()函数将字符转换成ASCII码，并以十六进制表示。,unescape()函数将十六进制ASCII码转换成字符。 eval(表达式)函数求出表达式的值。,二、JavaScript基本语法,2.函数与方法 自定义函数,除了可以使用JavaScript提供的内置函数，用户还可以自己定义函数。定义格式如下：,function 函数名(参数) 函数体;. return 表达式; /函数返回值 ,二、JavaScript基本语法,3.流程控制 条件语句,if语句 if语句是在条件成立时才执行，条件不成立时就不会执行。语法格式为：,i
14、f(判断式)执行语句;,例4-2-4是一个简单的例子。,二、JavaScript基本语法,3.流程控制 条件语句,ifelse语句 这个语句的功能是条件成立时执行if后的语句，反之则执行else后的语句。其语法格式如下：,if(判断式)判断式成立时所执行的语句 else判断式不成立时所执行的语句,例4-2-5是一个简单的例子。,二、JavaScript基本语法,3.流程控制 条件语句,switchcase语句 当要对某个变量的多个可能值分别进行判断的时候，就可以使用这种选择结构。其语法格式如下：,switch(变量名称) case 条件1:执行语句1 case 条件2:执行语句2 ,例4-2-
15、6是一个简单的例子。,二、JavaScript基本语法,3.流程控制 循环语句,for循环 其语法格式如下：,for(初始化部分;条件部分;更新部分)执行语句,例4-2-7是一个简单的例子。,二、JavaScript基本语法,3.流程控制 循环语句,while循环 其语法格式如下：,while（条件）执行语句;,例4-2-8是一个简单的例子。,二、JavaScript基本语法,3.流程控制 循环语句,break和continue语句 与C/C+相同，使用break语句使得循环从for或while中跳出，continue使得跳过当前循环过程转而执行下次循环。,二、JavaScript基本语法,4.事件处理 JavaScript是基于对象的语言。在JavaScript中对象事件的处理通常由函数担任。其基本格式与函数全部一样，可以将前面所介绍的所有函数作为事件处理程序。格式如下：,function 事件处理名（参数表） 事件处理语句集; ,二、JavaScript基本语法,4.事件处理 鼠标事件处理 MouseDown事件 当按下鼠标上一个键的时候发生MouseDown事件，在这个事件发生后由JavaScript自动调用OnMouseDown句柄。要处理改事件，只需要将事件处理函数赋值给该事件句柄即可，如下所示：, function doEvent()alert(“MouseDow
