JavaScript脚本语言基础.ppt

《JavaScript脚本语言基础.ppt》由会员分享，可在线阅读，更多相关《JavaScript脚本语言基础.ppt（24页珍藏版）》请在装配图网上搜索。

1、第4章 JavaScript脚本语言基础,4.1 JavaScript简介 4.2 JavaScript语法基础 4.3 JavaScript中的内置对象和函数 4.4 JavaScript范例,4.1 JavaScript简介,Netscape公司为了进一步扩充它的浏览器的功能，开发了一种可以嵌入在Web主页中的编程语言。在早期这种语言叫做LiveScript，后来为了利用Sun公司开发的Java语言的功能并借用它的流行性，把它改名为JavaScript。,本章首页,4.1 JavaScript简介,4.1.1 JavaScript的特点 1JavaScript是一种脚本语言 2JavaSc

2、ript是基于对象的语言 3JavaScript是事件驱动的语言 4JavaScript是安全的语言 5JavaScript是与平台无关的语言,4.1 JavaScript简介,4.1.2 JavaScript与其他语言的比较 1JavaScript与Java 2JavaScript与VBScript 3JavaScript与LiveWire 4JavaScript与Perl,4.1 JavaScript简介,4.1.3 JavaScript与HTM 为了运用JavaScript控制HTML页面上的对象，JavaScript的代码必须与HTML代码结合在一起。将JavaScript嵌入HTML

3、页面时，必须使用SCRIPT标签，该标签使用形式如下： /JavaScript代码 标签通知浏览器，有脚本嵌入到标签中。,4.2 JavaScript语法基础,JavaScript是一种易学易用的脚本语言，目的是面向与用户动态交互的脚本开发，扩展HTML页面的功能，而不是开发大型复杂的程序，所以相对而言，JavaScript的语法规则较少而且较为简单。但作为一门编程语言，它有自己的语法规则，自己的关键字、指令和对象。,4.2 JavaScript语法基础,4.2.1 变量 1JavaScript的数据类型,4.2 JavaScript语法基础,2变量的定义 JavaScript中采用弱类型变量

4、，变量可以不做声明和不做类型说明，而在使用或赋值时确定类型。但为了形成良好的编程风格，变量应该采取先定义再使用的方法。JavaScript中变量的定义用关键字var来实现。例如，定义一个名为id的变量： var id; ,本章首页,4.2 JavaScript语法基础,3变量的命名 变量的命名要遵循如下的规则： （1）变量名不能与保留字冲突。 （2）变量名必须以字母或者下划线（_）开头，不能用数字或者其他非字母字符作为变量名开头。 （3）变量名中不能包含空格。 （4）JavaScript是区分大小写的，所以给变量命名时要考虑大小写的问题。,4.2 JavaScript语法基础,4.2.2 表达

5、式与运算符 按照运算符的功能可以分为： 算术运算符。 位运算符。 逻辑运算符。 比较运算符。 赋值运算符。 其他运算符。,4.2 JavaScript语法基础,4.2.3 基本语句 1条件语句 （1）if语句格式： if (表达式) 语句块; ,（2）if-else语句 if (表达式) 语句块1; else 语句块2; ,4.2 JavaScript语法基础,（3）switch语句 switch (表达式) case 值1：语句1; break; case 值2：语句2; break; case 值n：语句n; break; default：语句; ,4.2 JavaScript语法基础,2

6、循环语句 （1）for语句 for (初始表达式；循环条件表达式；计数器表达式) 语句块； （2）while语句 while (循环条件表达式) 语句块； 计数器表达式； ,4.2 JavaScript语法基础,（3）do-while语句 do 语句块; 计数器表达式; while (循环条件表达式) （4）label语句 label: 代码块； （5）break语句 break;或break label; （6）continue语句 continue;或continue label;,4.2 JavaScript语法基础,3其他语句 （1）for-in语句 for (变量 in 对象) 代码

7、块； （2）with语句 with (对象) 代码块； （3）return语句 （4）注释,4.2 JavaScript语法基础,4.2.4 函数 JavaScript不区分函数和过程，它只有函数。 1函数的定义 founction 函数名(参数1,参数2.) 代码块； 2函数的参数：在函数定义时确定参数，然后按照确定的参数进行传递调用。 3函数返回值：可以使用return语句返回常量、变量，也可以是表达式等。,4.3 JavaScript的内置对象和函数,JavaScript中的内置对象，包括数学（Math）对象、字符串（String）对象、日期（Date）对象、时间（Time）对象和数组（

8、Array）对象等。,4.3 JavaScript的内置对象和函数,4.3.1 Math对象 Math对象不需要用new操作符创建对象，而是可以直接使用，所以又被称作是静态的对象。 调用方式为： Math.数学函数名(参数表) 1Math对象的属性 2Math对象的方法,本章首页,4.3 JavaScript的内置对象和函数,4.3.2 String对象 String中的函数不能直接使用类名String加函数名，而是要创建String类型的对象，在对象的后面加上函数名。 1String对象的定义 str1=hello; str2=new String(hello); 2String对象的属性

9、3String对象的方法,4.3 JavaScript的内置对象和函数,4.3.3 Date对象 JavaScript中没有日期类型，Date对象中不仅包括日期，还包括时间。 1Date对象的定义 var 对象名=new Date(参数); 2Date对象的方法,4.3 JavaScript的内置对象和函数,4.3.4 Array对象 数组是一系列元素的有序集合，它的强大功能是不可替代的。在JavaScript中，可以使用Array数组对象来完成对数组的操作。 1Array对象的定义 使用关键字new来创建。 2Array对象的属性 3Array对象的方法,4.3 JavaScript的内置对

10、象和函数,4.3.5 内置函数 （1）escape()：对字符串进行编码。 （2）unescape()：对字符串进行解码。 （3）eval()：将字符串转换为实际代表的语句或运算。 （4）parseInt()：将其他类型的数据转换成整数。 （5）parseFloat()：将其他类型的数据转换成浮点数。 （6）isNaN()：判断一个表达式是否是数值。,4.3 JavaScript的内置对象和函数,4.3.6 自定义对象 （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; ,本章首页,4.4 JavaScript范例,导航栏在网页上起着举足轻重的作用。导航栏有很多种，目录式导航栏是非常常用也非常有魅力的一种导航栏，它的效果是当鼠标移动到导航文字上时，下面会自动出现链接的菜单。下面举例说明如何使用JavaScript脚本编写目录式导航栏。 具体代码见P111，例4-12。,