《Internet应用技术》第4章--精品课件.ppt

1、 Internet应用技术 IC-MSP知识回顾表单与框架表单与框架表单的使用表单的使用框架的使用框架的使用设计原则设计原则IC-MSP4JavaScript基础第章IC-MSP本章目标了解了解JavaScript了解了解JavaScript在在HTML中的使用中的使用 掌握怎样使用外部掌握怎样使用外部JS文件文件 掌握常用的内置方法掌握常用的内置方法 掌握变量和运算符的使用掌握变量和运算符的使用 掌握数组的使用掌握数组的使用 掌握在流程控制语句的使用掌握在流程控制语句的使用 IC-MSPJavaScript概述最初开发最初开发HTML页面缺少互动页面缺少互动 JavaScript是基于对象和

2、事件驱动的脚本语言，用是基于对象和事件驱动的脚本语言，用于开发基于客户端和基于服务器的于开发基于客户端和基于服务器的Internet应用程序应用程序JavaScript是是Web增强型技术，当在客户机上使用增强型技术，当在客户机上使用时，有助于把静态页面转换为动人的、交互式的、时，有助于把静态页面转换为动人的、交互式的、智能的页面智能的页面IC-MSPJavaScript的功能Javascript功能：功能：v提供用户交互提供用户交互v动态更改内容动态更改内容v验证数据验证数据IC-MSPJavaScript在HTML中的使用JavaScript用用标记嵌入标记嵌入HTML文档文档 指定使用的

3、脚本语言 是注释标记 脚本代码IC-MSPJavaScript在HTML中的使用几种语法规则：几种语法规则：v语句必须以分号语句必须以分号(;)结束结束v区分大小写区分大小写v使用成对的符号使用成对的符号 v忽略多余的空白区域忽略多余的空白区域 v使用注释使用注释IC-MSPJavaScript在HTML中的使用 document.write(欢迎进入欢迎进入JavaScript世界世界);/-我的我的JavaScript之旅之旅 IC-MSP使用外部JS文件使用外部使用外部JS文件文件以上显示内容是使用外部以上显示内容是使用外部JS文件显示的文件显示的 JS文件文件 common.js文件内

4、容：文件内容：document.write(欢迎来到英泰移动通信学院欢迎来到英泰移动通信学院!);IC-MSP常用的内置方法vwrite在网页中显示文本在网页中显示文本valert显示带有显示带有“确定确定”按钮的消息框按钮的消息框 vconfirm显示带有显示带有“确定确定”和和“取消取消”按钮的消息按钮的消息框框vprompt显示带有显示带有“确定确定”和和“取消取消”按钮的消息按钮的消息框框 IC-MSP常用的内置方法使用对话框使用对话框IC-MSPiSum0500变量变量变量是程序运行过程中其值可以改变的量。是程序运行过程中其值可以改变的量。#includevoid main()int

5、 iSum=0,iNumber;iNumber=10;iSum=50*iNumber;printf(%d,iSum);任何一个变量都有自己的一个名称任何一个变量都有自己的一个名称任何一个变量都有自己的一个内存单元任何一个变量都有自己的一个内存单元IC-MSP变量声明语法：语法：var 变量名称变量名称 var total;可在一行声明多个变量：可在一行声明多个变量：var total,quantity,price;声明变量可同时初始化：声明变量可同时初始化：var total=0,quantity=100,price=0;变量名命名规则：变量名命名规则：v第一个字符必须是一个第一个字符必须是一

6、个ASCII 字母，大小写字母、下划字母，大小写字母、下划线都合法。第一个字符不能是数字线都合法。第一个字符不能是数字 v后续的字符必须是字母、数字或下划线后续的字符必须是字母、数字或下划线 v变量名称不能是保留关键字变量名称不能是保留关键字 IC-MSP数据类型基本数据类型：基本数据类型：v字符串：字符串用单引号或双引号来说明字符串：字符串用单引号或双引号来说明 v数值：数值：JavaScript 支持整数和浮点数支持整数和浮点数 v布尔：值可以是布尔：值可以是true或或false 引用数据类型：引用数据类型：v对象：可引用的名称对象：可引用的名称/值对（值对（names/values）的

7、容器）的容器 v数组：数组也看作是一种数据类型数组：数组也看作是一种数据类型 特殊数据类型：特殊数据类型：vNull：只有一个值：只有一个值null vUndefined：对象属性不存在或声明了变量未赋值都会返回：对象属性不存在或声明了变量未赋值都会返回undefined值值 IC-MSP数据类型不同类型数据运算结果：不同类型数据运算结果：运算运算 结果结果 数值与字符串相加数值与字符串相加 将数值强制转换为字符串将数值强制转换为字符串 布尔值与字符串相加布尔值与字符串相加 将布尔值强制转换为字符串将布尔值强制转换为字符串 数值与布尔值相加数值与布尔值相加 将布尔值强制转换为数值将布尔值强制转

8、换为数值(true被置被置为为1，false置为置为0)IC-MSP计算运算符计算运算符：运算符运算符说明说明+加法运算，操作数是两个字符串则连接两个字符串加法运算，操作数是两个字符串则连接两个字符串-减法运算减法运算*乘法运算乘法运算/除法运算除法运算%取余，两数相除之后的余数取余，两数相除之后的余数+递增递增-递减递减-取操作数的相反数取操作数的相反数常用运算符 IC-MSP比较运算符比较运算符：常用运算符 运算符运算符说明说明=等于。相等返回等于。相等返回True，否则返回，否则返回False!=不等于。不等返回不等于。不等返回True，否则返回，否则返回False大于。左边数大于右边的

9、数，则返回大于。左边数大于右边的数，则返回True，否则，否则返回返回False=大于或等于。左边数大于或等于右边数，则返回大于或等于。左边数大于或等于右边数，则返回True，否则返回，否则返回False小于。左边数小于右边数，则返回小于。左边数小于右边数，则返回True，否则返，否则返回回False=小于或等于。左边数小于或右边数，则返回小于或等于。左边数小于或右边数，则返回True，否则返回否则返回FalseIC-MSP逻辑运算符逻辑运算符：常用运算符运算符运算符说明说明&逻辑与，左右两个值都为逻辑与，左右两个值都为True时，结果为时，结果为True，否，否则为则为False|逻辑或，左

10、右两个值有一个为逻辑或，左右两个值有一个为True，则结果为，则结果为True，否则为否则为False!逻辑非，操作数为逻辑非，操作数为True时，结果为时，结果为False，操作数，操作数为为False，结果为，结果为TrueIC-MSP数组声明声明格式：声明格式：var 数组名数组名=new Array(数组大小数组大小);var player=new Array(3)给数组元素赋值：给数组元素赋值：player0=Yao Ming;player1=Kobe;player2=Shaq;声明数组的同时给元素赋初值：声明数组的同时给元素赋初值：例：例：var player=new Array(

11、Yao Ming ,Kobe,Shaq);IC-MSP数组的必要性数组的必要性 IC-MSP数组的必要性数组的必要性 一年级一年级 二年级二年级 三年级三年级 四年级四年级 五年级五年级 3 2 2 3 3 程序中的数组程序中的数组 学校中的学生学校中的学生 IC-MSPv 数组就是包含了多个元素的数据集合数组就是包含了多个元素的数据集合v 数组中的元素在内存中是连续存放的数组中的元素在内存中是连续存放的v 数组中的元素都属于相同的数据类型数组中的元素都属于相同的数据类型数组的概念数组的概念 声明格式：声明格式：var 数组名数组名=new Array(数组大小数组大小);如如:var pla

12、yer=new Array(3)IC-MSP数组的定义数组的定义 20 25 20 20 15 classes4 3 2 1 0 classes4 classes3 classes2 classes1 classes0 var classes=new Array(5)数组名数组名 数组元素数组元素 下标下标 数组元素的表示数组元素的表示 数组的定义数组的定义 数组的大小数组的大小 IC-MSP数组常用的属性、方法常用属性：常用属性：length：返回数组中元素的个数。：返回数组中元素的个数。常用方法：常用方法：方法方法说明说明join将数组中的元素组合成字符串将数组中的元素组合成字符串reve

13、rse颠倒数组元素的顺序，使第一个元素成为最后一颠倒数组元素的顺序，使第一个元素成为最后一个，而最后一个元素成为第一个个，而最后一个元素成为第一个sort对数组元素进行排序对数组元素进行排序IC-MSP数组常用的属性、方法演示演示 使用数组属性、方法的操作数据使用数组属性、方法的操作数据IC-MSP条件语句if语句，语法格式：语句，语法格式：if(condition1)statement1else if(condition2)Statement2else statement3 switch语句，语法格式：语句，语法格式：switch(expression)case label:statemen

14、tlist case label:statementlist default:statementlistIC-MSP 跑够跑够1010圈才圈才可以停！可以停！何时考虑使用循环结构 初始条件初始条件循环三要素循环三要素 继续条件继续条件 增值条件增值条件IC-MSP循环语句for语句，语法格式：语句，语法格式：for(initialization;condition;increment)statements while语句：语句：while(condition)/statements;do while语句：语句：do /statements;while(condition)IC-MSPwhile

15、结构的语法 while(表达式表达式)语句语句;while(表达式表达式)语句语句;语句语句 表达式表达式 成立成立 不成立不成立 IC-MSPdo-while结构的语法do语句语句;while(表达式表达式);语句语句 表达式表达式 成立成立 不成立不成立 IC-MSPfor循环的执行过程循环的执行过程表达式表达式1 表达式表达式3 表达式表达式2 语句语句1 for语句的语句的 下一语句下一语句 真真假假for（表达式表达式1;表达式表达式2;表达式表达式3）语句语句;IC-MSPfor循环的语法 for（表达式表达式1;表达式表达式2;表达式表达式3）语句语句;循环变量赋初值循环变量赋初

16、值 循环继续条件循环继续条件 循环变量增值循环变量增值 i=1;iNum=100;i 0;i+;iNum-;用于分隔用于分隔for循环的三个表达式循环的三个表达式 IC-MSPfor循环与循环与while循环的比较循环的比较 表达式表达式1；while（表达式表达式2）语句语句;表达式表达式3；for（表达式表达式1；表达式表达式2；表达式表达式3）IC-MSP总结JavaScript基础基础 了解了解JavaScript JavaScript在在HTML中中的使用的使用 使用外部使用外部JS文件文件 常用的内置方法常用的内置方法 变量和运算符变量和运算符 数组数组 流程控制语句流程控制语句 IC-MSP习题IC-MSP作业