动态网页设计与制作-CSS+JavaScrip课件.pptx

1、第第5 5章章 JavaScriptJavaScript编程基础编程基础2 2表达式与运算符表达式与运算符1 1 数据类型及变量数据类型及变量3 3 基本语句基本语句4 4 函函 数数5 5 对对 象象6 6 事件及事件处理程序事件及事件处理程序Page 21. 1.数据类型数据类型目目 录录2. 2.常量与变量常量与变量 数据类型及变量数据类型及变量表达式与运算符表达式与运算符 基本语句基本语句 数据类型及变量数据类型及变量Page 31 1、数据类型数据类型1 1 简单数据类型简单数据类型“数值数值”数据类型数据类型“文字文字”数据类型数据类型“真假真假”数据类型数据类型Page 42 2

2、 特殊数据类型特殊数据类型 “ “空空” ” 数据类型数据类型“无定义无定义” ” 数据类型数据类型Page 53 3 复杂数据类型复杂数据类型“数组数组”数据类型数据类型“函数函数”数据类型数据类型“对象对象”数据类型数据类型Page 6JavaScriptJavaScript的常量通常又称为字面的常量通常又称为字面常量，它是常量，它是不能改变不能改变的的数据数据。 2 2、常量与变量常量与变量1 1 常量常量Page 7变量就是在计算机内存中变量就是在计算机内存中暂时暂时保存保存数据数据的地方。的地方。2 2 变量变量Page 8 变量的数据类型及其转换变量的数据类型及其转换 变量的作用范

3、围变量的作用范围3 34 4Page 91. 1.表达式表达式目目 录录2. 2.运算符运算符 数据类型及变量数据类型及变量表达式与运算符表达式与运算符 基本语句基本语句表达式与运算符表达式与运算符Page 101 1、表达式表达式Page 112 2、运算符运算符123二目二目运算符：需要运算符：需要两个两个操作数的运算符。操作数的运算符。 一目一目运算符：只需要运算符：只需要一个一个操作数的运算符。操作数的运算符。三目三目运算符：需要运算符：需要三个三个操作数的运算符。操作数的运算符。温馨提示：温馨提示：Page 12算数算数运算符运算符运运 算算 符符意意 义义示示 例例+数字相加数字相

4、加2+3 结果为结果为5+字串合并字串合并朋友朋友 + 您好您好 结果为结果为朋友您好朋友您好-相减相减6-3 结果为结果为 3-负数负数i=30; j=-i 结果结果j为为 -30*相乘相乘10*2 结果为结果为 20/相除相除8/2 结果为结果为 4%取模（余数）取模（余数）6%3 结果结果 0+递增递增1i=5; i+; 结果结果i为为6-递减递减1i=5; i-; 结果结果i为为41 1运运 算算 符符意意 义义示示 例例=等于等于5=3 结果为结果为false!=不等于不等于5!=3 结果为结果为 true小于小于53 结果为结果为false=小于或等于小于或等于5大于大于53 结果

5、为结果为true逻辑运算符逻辑运算符2 2Page 13续表续表运运 算算 符符意意 义义示示 例例=大于或等于大于或等于5=3 结果为结果为true&与与true & false 结果为结果为false|或或true | false 结果为结果为true!非非!true 结果为结果为falsePage 14运运 算算 符符意意 义义示示 例例&位逻辑与位逻辑与0 x0001 & 0 x1001 结果为结果为 0 x0001|位逻辑或位逻辑或0 x0001 | 0 x1001结果为结果为0 x1001位逻辑非位逻辑非0 x0001 0 x1001结果为结果为false 0 x1000位逻辑反位

6、逻辑反0 x0001结果为结果为0 xFFFE左移左移0 x0001 右移右移0 x0001 1结果为结果为0 x0000位运算符位运算符3 3Page 15操作后赋值运算符操作后赋值运算符4 4Page 16运运 算算 符符意意 义义示示 例例? :ifelse 运算符运算符x=2; (x3) ? Higher level : Lower level 结结果为果为Lower level,最常用于最常用于for语句语句详见详见“5.3.3流程控制语句流程控制语句”delete删除对象或对象中删除对象或对象中的元素的元素详见详见“5.5.3使用对象使用对象”new创建对象实例创建对象实例详见详见

7、“5.5.3使用对象使用对象”this引用当前对象引用当前对象详见详见“5.5.3使用对象使用对象”typeof数据类型运算符数据类型运算符typeof(20) 结果为结果为 numbervoid无返回值运算符无返回值运算符详见详见“7.2.4链接对象链接对象”特殊运算符特殊运算符5 5Page 17运算符顺序运算符顺序6 6Page 18Page 191. 1.注释语句注释语句目目 录录2. 2.赋值语句赋值语句3. 3.流程控制语句流程控制语句 数据类型及变量数据类型及变量表达式与运算符表达式与运算符 基本语句基本语句 基本语句基本语句1 1、注释语句注释语句“单行单行” 注释语句注释语句

8、 “多行多行” 注释语句注释语句Page 202 2、赋值语句赋值语句Page 213 3、流程控制语句流程控制语句1 1条件判断语句条件判断语句2 2特殊数据类型特殊数据类型JavaScriptJavaScript的条件判断语句主要包括的条件判断语句主要包括if if、if-elseif-else、if-else if-else ifif及及switchswitch等等4 4种。种。JavaScriptJavaScript中循环语句主要包括中循环语句主要包括whilewhile、do whiledo while、forfor、forinforin、breakbreak及及continueco

9、ntinue等等6 6种。种。Page 22Page 231. 1.定义函数定义函数目目 录录2. 2.使用函数使用函数3. 3.函数的参数函数的参数 数据类型及变量数据类型及变量表达式与运算符表达式与运算符 基本语句基本语句函数函数1 1、定义函数定义函数定义函数的语法规则如下：定义函数的语法规则如下：function function 函数名（函数名（ 参数参数1, 1, 参数参数2,2,） 程序语句程序语句 return return 值值; ; 其中，方括号中的内容为可选项。其中，方括号中的内容为可选项。Page 242 2、使用函数使用函数Page 253 3、函数的参数函数的参数1

10、 1 参数的传递参数的传递参数的传递方式参数的传递方式：1. 1.按值传递参数按值传递参数2. 2.按地址传递参数按地址传递参数Page 262 2 参数的个数参数的个数Page 27Page 281. 1.什么是对象什么是对象目目 录录2. 2.定义对象定义对象3. 3.使用对象使用对象 数据类型及变量数据类型及变量表达式与运算符表达式与运算符 基本语句基本语句对象对象 JavaScript JavaScript的对象的对象就是就是 这样这样一种一种特殊的特殊的数据类型数据类型， 它它不仅可以保存一组不同类型的不仅可以保存一组不同类型的数据数据 （称做（称做“对象的属性对象的属性”），），

11、而且而且还可以包含有关还可以包含有关“处理处理”这些数据的函数这些数据的函数（称做（称做“对象的方法对象的方法”）。）。1 1、什么是对象什么是对象Page 29Page 30JavaScriptJavaScript的对象包含：的对象包含： JavaScriptJavaScript的内置对象的内置对象自定义对象自定义对象浏览器内置对象浏览器内置对象Page 312 2、定义、定义对象对象Page 323 3、使用对象使用对象1 1 创建对象创建对象Page 332 2 使用对象的属性使用对象的属性通过通过圆点圆点（. .）运算符）运算符通过通过属性名属性名通过通过循环循环语句语句通过通过withwith语句语句Page 34使用对象的方法使用对象的方法对象作为函数的参数对象作为函数的参数3 34 4Page 35目目 录录 数据类型及变量数据类型及变量表达式与运算符表达式与运算符 基本语句基本语句事件及事件处理程序事件及事件处理程序Page 361 1、网页中的事件、网页中的事件2 2、用、用JavaScriptJavaScript处理事件处理事件