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

第5章JavaScript编程基础2表达式与运算符1

数据类型及变量3

基本语句4

函数5

对象6

事件及事件处理程序第5章JavaScript编程基础2表达式与运算符1数Page21.数据类型目录2.常量与变量

数据类型及变量表达式与运算符

基本语句

数据类型及变量Page21.数据类型目录2.常量与变量数据类型及变量Page31、数据类型1简单数据类型“数值”数据类型“文字”数据类型“真假”数据类型Page31、数据类型1简单数据类型“数值”数据类型“文字Page42特殊数据类型“空”数据类型“无定义”数据类型Page42特殊数据类型“空”数据类型“Page53复杂数据类型“数组”数据类型“函数”数据类型“对象”数据类型Page53复杂数据类型“数组”数据类型“函数”数据类型“Page6JavaScript的常量通常又称为字面常量，它是不能改变的数据。2、常量与变量1常量Page6JavaScript的常量通常又称为字面常量，它Page7变量就是在计算机内存中暂时保存数据的地方。2变量Page7变量就是在计算机内存中暂时保存数据的地方。2变量Page8变量的数据类型及其转换变量的作用范围34Page8变量的数据类型及其转换34Page91.表达式目录2.运算符

数据类型及变量表达式与运算符

基本语句表达式与运算符Page91.表达式目录2.运算符数据类型及变量表达式Page101、表达式Page101、表达式Page112、运算符123二目运算符：需要两个操作数的运算符。一目运算符：只需要一个操作数的运算符。三目运算符：需要三个操作数的运算符。温馨提示：Page112、运算符123二目运算符：需要两个操作数的运Page12算数运算符运算符意义示例+数字相加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为41Page12算数运算符意义示例+数字相加2运算符意义示例==等于5==3结果为false!=不等于5!=3结果为true<小于5<3结果为false<=小于或等于5<=3结果为false>大于5>3结果为true逻辑运算符2Page13运算符意义示例==等于5==3结续表运算符意义示例>=大于或等于5>=3结果为true&&与true&&false结果为false||或true||false结果为true!非!true结果为falsePage14续表运算符意义示例>=大于或等于5>运算符意义示

例&位逻辑与0x0001&0x1001结果为0x0001|位逻辑或0x0001|0x1001结果为0x1001^位逻辑非0x0001^0x1001结果为false0x1000～位逻辑反～0x0001结果为0xFFFE<<左移0x0001<<1结果为0x0002>>右移0x0001>>1结果为0x0000位运算符3Page15运算符意义示例&位逻辑与0x0001操作后赋值运算符4Page16操作后赋值运算符4Page16运算符意义示例?:if–else运算符x=2;(x>3)?"Higherlevel":"Lowerlevel"结果为"Lowerlevel",最常用于for语句详见“5.3.3流程控制语句”delete删除对象或对象中的元素详见“5.5.3使用对象”new创建对象实例详见“5.5.3使用对象”this引用当前对象详见“5.5.3使用对象”typeof数据类型运算符typeof(20)结果为numbervoid无返回值运算符详见“7.2.4链接对象”特殊运算符5Page17运算符意义示例?:if–else运算符顺序6Page18运算符顺序6Page18Page191.注释语句目录2.赋值语句3.流程控制语句

数据类型及变量表达式与运算符

基本语句

基本语句Page191.注释语句目录2.赋值语句数据类型及变量1、注释语句“单行”

注释语句“多行”

注释语句Page201、注释语句“单行”注释语句“多行”2、赋值语句Page212、赋值语句Page213、流程控制语句1条件判断语句2特殊数据类型JavaScript的条件判断语句主要包括if、if-else、if-else

if…及switch等4种。JavaScript中循环语句主要包括while、dowhile、for、for…in、break及continue等6种。Page223、流程控制语句1条件判断语句2特殊数据类型JavaScriPage231.定义函数目录2.使用函数3.函数的参数

数据类型及变量表达式与运算符

基本语句函数Page231.定义函数目录2.使用函数数据类型及变量1、定义函数定义函数的语法规则如下：function函数名（[参数1,参数2,…]）{程序语句…[return值;]}其中，方括号中的内容为可选项。Page241、定义函数定义函数的语法规则如下：function函数名2、使用函数Page252、使用函数Page253、函数的参数1参数的传递参数的传递方式：1.按值传递参数2.按地址传递参数Page263、函数的参数1参数的传递参数的传递方式：1.按值传递参数P2参数的个数Page272参数的个数Page27Page281.什么是对象目录2.定义对象3.使用对象

数据类型及变量表达式与运算符

基本语句对象Page281.什么是对象目录2.定义对象数据类型及变JavaScript的对象就是这样一种特殊的数据类型，它不仅可以保存一组不同类型的数据（称做“对象的属性”），而且还可以包含有关“处理”这些数据的函数（称做“对象的方法”）。1、什么是对象Page29JavaScript的对象就是1、什么是对象PagePage29Page30JavaScript的对象包含：●JavaScript的内置对象●自定义对象●浏览器内置对象Page30JavaScript的对象包含：●JavaSPage312、定义对象Page312、定义对象Page323、使用对象1创建对象Page323、使用对象1创建对象Page332使用对象的属性●通过圆点（.）运算符●通过属性名●通过循环语句●通过with语句Page332使用对象的属性●通过圆点（.）运算符Page34使用对象的方法对象作为函数的参数34Page34使用对象的方法34Page35目录

数据类型及变量表达式与运算符

基本语句事件及事件处理程序Page35目录数据类型及变量表达式与运算符基本语句Page361、网页中的事件2、用JavaScript处理事件Page361、网页中的事件第5章JavaScript编程基础2表达式与运算符1

数据类型及变量3

基本语句4

函数5

对象6

事件及事件处理程序第5章JavaScript编程基础2表达式与运算符1数Page381.数据类型目录2.常量与变量

数据类型及变量表达式与运算符

基本语句

数据类型及变量Page21.数据类型目录2.常量与变量数据类型及变量Page391、数据类型1简单数据类型“数值”数据类型“文字”数据类型“真假”数据类型Page31、数据类型1简单数据类型“数值”数据类型“文字Page402特殊数据类型“空”数据类型“无定义”数据类型Page42特殊数据类型“空”数据类型“Page413复杂数据类型“数组”数据类型“函数”数据类型“对象”数据类型Page53复杂数据类型“数组”数据类型“函数”数据类型“Page42JavaScript的常量通常又称为字面常量，它是不能改变的数据。2、常量与变量1常量Page6JavaScript的常量通常又称为字面常量，它Page43变量就是在计算机内存中暂时保存数据的地方。2变量Page7变量就是在计算机内存中暂时保存数据的地方。2变量Page44变量的数据类型及其转换变量的作用范围34Page8变量的数据类型及其转换34Page451.表达式目录2.运算符

数据类型及变量表达式与运算符

基本语句表达式与运算符Page91.表达式目录2.运算符数据类型及变量表达式Page461、表达式Page101、表达式Page472、运算符123二目运算符：需要两个操作数的运算符。一目运算符：只需要一个操作数的运算符。三目运算符：需要三个操作数的运算符。温馨提示：Page112、运算符123二目运算符：需要两个操作数的运Page48算数运算符运算符意义示例+数字相加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为41Page12算数运算符意义示例+数字相加2运算符意义示例==等于5==3结果为false!=不等于5!=3结果为true<小于5<3结果为false<=小于或等于5<=3结果为false>大于5>3结果为true逻辑运算符2Page49运算符意义示例==等于5==3结续表运算符意义示例>=大于或等于5>=3结果为true&&与true&&false结果为false||或true||false结果为true!非!true结果为falsePage50续表运算符意义示例>=大于或等于5>运算符意义示

例&位逻辑与0x0001&0x1001结果为0x0001|位逻辑或0x0001|0x1001结果为0x1001^位逻辑非0x0001^0x1001结果为false0x1000～位逻辑反～0x0001结果为0xFFFE<<左移0x0001<<1结果为0x0002>>右移0x0001>>1结果为0x0000位运算符3Page51运算符意义示例&位逻辑与0x0001操作后赋值运算符4Page52操作后赋值运算符4Page16运算符意义示例?:if–else运算符x=2;(x>3)?"Higherlevel":"Lowerlevel"结果为"Lowerlevel",最常用于for语句详见“5.3.3流程控制语句”delete删除对象或对象中的元素详见“5.5.3使用对象”new创建对象实例详见“5.5.3使用对象”this引用当前对象详见“5.5.3使用对象”typeof数据类型运算符typeof(20)结果为numbervoid无返回值运算符详见“7.2.4链接对象”特殊运算符5Page53运算符意义示例?:if–else运算符顺序6Page54运算符顺序6Page18Page551.注释语句目录2.赋值语句3.流程控制语句

数据类型及变量表达式与运算符

基本语句

基本语句Page191.注释语句目录2.赋值语句数据类型及变量1、注释语句“单行”

注释语句“多行”

注释语句Page561、注释语句“单行”注释语句“多行”2、赋值语句Page572、赋值语句Page213、流程控制语句1条件判断语句2特殊数据类型JavaScript的条件判断语句主要包括if、if-else、if-else

if…及switch等4种。JavaScript中循环语句主要包括while、dowhile、for、for…in、break及continue等6种。Page583、流程控制语句1条件判断语句2特殊数据类型JavaScriPage591.定义函数目录2.使用函数3.函数的参数

数据类型及变量表达式与运算符

基本语句函数Page231.定义函数目录2.使用函数数据类型及变量1、定义函数定义函数的语法规则如下：function函数名（[参数1,参数2,…]）{程序语句…[return值;]}其中，方括号中的内容为可选项。Page601、定义函数定义函数的语法规则如下：function函数名2、使用函数Page612、使用函数Page253、函数的参数1参数的传递参数的传递方式：1.按值传递参数2.按地址传递参数Page623、函数的参数1参数的传递参数的传递方式：1.