Download presentation
Presentation is loading. Please wait.
1
第4章 JavaScript脚本语言基础 4.1 JavaScript简介 4.2 JavaScript语法基础
2
本章首页 4.1 JavaScript简介 Netscape公司为了进一步扩充它的浏览器的功能，开发了一种可以嵌入在Web主页中的编程语言。在早期这种语言叫做LiveScript，后来为了利用Sun公司开发的Java语言的功能并借用它的流行性，把它改名为JavaScript。
3
4.1 JavaScript简介 4.1.1 JavaScript的特点 1．JavaScript是一种脚本语言
4
4.1 JavaScript简介 4.1.2 JavaScript与其他语言的比较 1．JavaScript与Java
2．JavaScript与VBScript 3．JavaScript与LiveWire 4．JavaScript与Perl
5
4.1 JavaScript简介 4.1.3 JavaScript与HTM
为了运用JavaScript控制HTML页面上的对象，JavaScript的代码必须与HTML代码结合在一起。将JavaScript嵌入HTML页面时，必须使用＜SCRIPT＞标签，该标签使用形式如下： <SCRIPT LANGUAGE="JavaScript"> //JavaScript代码 </SCRIPT> 标签<SCRIPT>通知浏览器，有脚本嵌入到标签中。
6
4.2 JavaScript语法基础 JavaScript是一种易学易用的脚本语言，目的是面向与用户动态交互的脚本开发，扩展HTML页面的功能，而不是开发大型复杂的程序，所以相对而言，JavaScript的语法规则较少而且较为简单。但作为一门编程语言，它有自己的语法规则，自己的关键字、指令和对象。
7
4.2 JavaScript语法基础 4.2.1 变量 1．JavaScript的数据类型 类型 说明 字符串类型 用引号引起的一串字符
变量 1．JavaScript的数据类型 类型 说明 字符串类型 用引号引起的一串字符 数值类型 整数或者实数 布尔类型 逻辑值，有真或假两种 空类型 代表一个空值 对象类型 代表JavaScript中的一些对象
8
4.2 JavaScript语法基础 2．变量的定义
本章首页 4.2 JavaScript语法基础 2．变量的定义 JavaScript中采用弱类型变量，变量可以不做声明和不做类型说明，而在使用或赋值时确定类型。但为了形成良好的编程风格，变量应该采取先定义再使用的方法。JavaScript中变量的定义用关键字var来实现。例如，定义一个名为id的变量： <SCRIPT LANGUAGE="JavaScript"> var id; </SCRIPT>
9
4.2 JavaScript语法基础 3．变量的命名 变量的命名要遵循如下的规则： （1）变量名不能与保留字冲突。
（2）变量名必须以字母或者下划线（_）开头，不能用数字或者其他非字母字符作为变量名开头。 （3）变量名中不能包含空格。 （4）JavaScript是区分大小写的，所以给变量命名时要考虑大小写的问题。
10
4.2 JavaScript语法基础 4.2.2 表达式与运算符 按照运算符的功能可以分为： 算术运算符。 位运算符。 逻辑运算符。
表达式与运算符 按照运算符的功能可以分为： 算术运算符。 位运算符。 逻辑运算符。 比较运算符。 赋值运算符。 其他运算符。
11
4.2 JavaScript语法基础 4.2.3 基本语句 1．条件语句 （1）if语句格式： if (表达式) { 语句块; }
基本语句 1．条件语句 （1）if语句格式： if (表达式) { 语句块; } （2）if-else语句 if (表达式) { 语句块1; } else 语句块2;
12
4.2 JavaScript语法基础 （3）switch语句 switch (表达式) {case 值1：语句1; break;
…… case 值n：语句n; default：语句; }
13
4.2 JavaScript语法基础 2．循环语句 （1）for语句 for (初始表达式；循环条件表达式；计数器表达式) { 语句块；}
{ 语句块；} （2）while语句 while (循环条件表达式) {语句块； 计数器表达式； }
14
4.2 JavaScript语法基础 （3）do-while语句 do{ 语句块; 计数器表达式; }while (循环条件表达式)
（4）label语句 label: 代码块； （5）break语句 break;或break label; （6）continue语句 continue;或continue label;
15
4.2 JavaScript语法基础 3．其他语句 （1）for-in语句 for (变量 in 对象) { 代码块；} （2）with语句
{ 代码块；} （2）with语句 with (对象) （3）return语句 （4）注释
16
4.2 JavaScript语法基础 4.2.4 函数 JavaScript不区分函数和过程，它只有函数。 1．函数的定义
函数 JavaScript不区分函数和过程，它只有函数。 1．函数的定义 founction 函数名([参数1,参数2...]) { 代码块；} 2．函数的参数：在函数定义时确定参数，然后按照确定的参数进行传递调用。 3．函数返回值：可以使用return语句返回常量、变量，也可以是表达式等。
17
4.3 JavaScript的内置对象和函数 JavaScript中的内置对象，包括数学（Math）对象、字符串（String）对象、日期（Date）对象、时间（Time）对象和数组（Array）对象等。
18
4.3 JavaScript的内置对象和函数 4.3.1 Math对象
本章首页 4.3 JavaScript的内置对象和函数 Math对象 Math对象不需要用new操作符创建对象，而是可以直接使用，所以又被称作是静态的对象。 调用方式为： Math.数学函数名(参数表) 1．Math对象的属性 2．Math对象的方法
19
4.3 JavaScript的内置对象和函数 4.3.2 String对象
String中的函数不能直接使用类名String加函数名，而是要创建String类型的对象，在对象的后面加上函数名。 1．String对象的定义 str1="hello"; str2=new String("hello"); 2．String对象的属性 3．String对象的方法
20
4.3 JavaScript的内置对象和函数 4.3.3 Date对象
var 对象名=new Date([参数]); 2．Date对象的方法
21
4.3 JavaScript的内置对象和函数 4.3.4 Array对象
使用关键字new来创建。 2．Array对象的属性 3．Array对象的方法
22
4.3 JavaScript的内置对象和函数 4.3.5 内置函数 （1）escape()：对字符串进行编码。
内置函数 （1）escape()：对字符串进行编码。 （2）unescape()：对字符串进行解码。 （3）eval()：将字符串转换为实际代表的语句或运算。 （4）parseInt()：将其他类型的数据转换成整数。 （5）parseFloat()：将其他类型的数据转换成浮点数。 （6）isNaN()：判断一个表达式是否是数值。
23
4.3 JavaScript的内置对象和函数 本章首页 4.3.6 自定义对象 （1）通过对象初始化来创建，格式为：
自定义对象 （1）通过对象初始化来创建，格式为： 对象={属性1:属性值1,属性2:属性值2,...,属性n:属性值n} （2）通过定义对象的构造方法创建对象 function 对象名(属性1,属性2,...,属性n) {this.属性1=属性值1;this.属性2=属性值2; ...... this.属性n=属性值n; this.方法1=函数名1;this.方法2=函数名2; this.方法n=函数名n; }
24
4.4 JavaScript范例 导航栏在网页上起着举足轻重的作用。导航栏有很多种，目录式导航栏是非常常用也非常有魅力的一种导航栏，它的效果是当鼠标移动到导航文字上时，下面会自动出现链接的菜单。下面举例说明如何使用JavaScript脚本编写目录式导航栏。 具体代码见P111，例4-12。
Similar presentations
