JavaScript脚本语言基础.ppt
第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是一种脚本语言2JavaScript是基于对象的语言3JavaScript是事件驱动的语言4JavaScript是安全的语言5JavaScript是与平台无关的语言,4.1 JavaScript简介,4.1.2 JavaScript与其他语言的比较1JavaScript与Java2JavaScript与VBScript 3JavaScript与LiveWire 4JavaScript与Perl,4.1 JavaScript简介,4.1.3 JavaScript与HTM为了运用JavaScript控制HTML页面上的对象，JavaScript的代码必须与HTML代码结合在一起。将JavaScript嵌入HTML页面时，必须使用SCRIPT标签，该标签使用形式如下：/JavaScript代码标签通知浏览器，有脚本嵌入到标签中。,4.2 JavaScript语法基础,JavaScript是一种易学易用的脚本语言，目的是面向与用户动态交互的脚本开发，扩展HTML页面的功能，而不是开发大型复杂的程序，所以相对而言，JavaScript的语法规则较少而且较为简单。但作为一门编程语言，它有自己的语法规则，自己的关键字、指令和对象。,4.2 JavaScript语法基础,4.2.1 变量1JavaScript的数据类型,4.2 JavaScript语法基础,2变量的定义JavaScript中采用弱类型变量，变量可以不做声明和不做类型说明，而在使用或赋值时确定类型。但为了形成良好的编程风格，变量应该采取先定义再使用的方法。JavaScript中变量的定义用关键字var来实现。例如，定义一个名为id的变量：var id;,本章首页,4.2 JavaScript语法基础,3变量的命名变量的命名要遵循如下的规则：（1）变量名不能与保留字冲突。（2）变量名必须以字母或者下划线（_）开头，不能用数字或者其他非字母字符作为变量名开头。（3）变量名中不能包含空格。（4）JavaScript是区分大小写的，所以给变量命名时要考虑大小写的问题。,4.2 JavaScript语法基础,4.2.2 表达式与运算符按照运算符的功能可以分为：算术运算符。位运算符。逻辑运算符。比较运算符。赋值运算符。其他运算符。,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循环语句（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 对象)代码块；（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）对象和数组（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对象的属性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的内置对象和函数,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。,
