第3章 JavaScript脚本语言(正式)

第3章脚本语言JavaScript3.1JavaScript简介3.2JavaScript基本使用3.3JavaScript中的内置对象和函数3.4JavaScript综合实例简介3.1.1什么是JavaScriptNetscape公司为了进一步扩充它的浏览器的功能，开发了一种可以嵌入在Web主页中的编程语言。在早期这种语言叫做LiveScript，后来为了利用Sun公司开发的Java语言的功能并借用它的流行性，把它改名为JavaScript。本章首页3.1JavaScript简介3.1.2JavaScript的特点1．JavaScript是一种脚本语言2．JavaScript是基于对象的语言3．JavaScript是事件驱动的语言4．JavaScript是安全的语言5．JavaScript是与平台无关的语言3.1JavaScript简介3.1.3JavaScript与HTM为了运用JavaScript控制HTML页面上的对象，JavaScript的代码必须与HTML代码结合在一起。将JavaScript嵌入HTML页面时，必须使用＜SCRIPT＞标签，该标签使用形式如下：SCRIPTLANGUAGE=JavaScript//JavaScript代码/SCRIPT标签SCRIPT通知浏览器，有脚本嵌入到标签中。例3.1htmlheadScriptLanguage=JavaScript//JavaScriptAppearshere.alert(欢迎您进入JavaScript世界!今后我们将共同学习JavaScript知识！);/Script/Head/Html3.1JavaScript简介3.2JavaScript基本使用JavaScript是一种易学易用的脚本语言，目的是面向与用户动态交互的脚本开发，扩展HTML页面的功能，而不是开发大型复杂的程序，所以相对而言，JavaScript的语法规则较少而且较为简单。但作为一门编程语言，它有自己的语法规则，自己的关键字、指令和对象。3.2.1JavaScript基本运算符和表达式1．JavaScript的数据类型类型说明字符串类型用引号引起的一串字符数值类型整数或者实数布尔类型逻辑值，有真或假两种变量创建后而未给该变量赋值以前所具有的值空类型代表一个空值对象类型代表JavaScript中的一些对象Undefined数据类型3.2JavaScript基本使用2．变量的定义JavaScript中采用弱类型变量，变量可以不做声明和不做类型说明，而在使用或赋值时确定类型。但为了形成良好的编程风格，变量应该采取先定义再使用的方法。JavaScript中变量的定义用关键字var来实现。例如，定义一个名为id的变量：SCRIPTLANGUAGE=JavaScriptvarid;/SCRIPT本章首页3.2JavaScript基本使用3．变量的命名变量的命名要遵循如下的规则：（1）变量名不能与保留字冲突。（2）变量名必须以字母或者下划线（_）开头，不能用数字或者其他非字母字符作为变量名开头。（3）变量名中不能包含空格。（4）JavaScript是区分大小写的，所以给变量命名时要考虑大小写的问题。3.2JavaScript基本使用4.表达式与运算符按照运算符的功能可以分为：算术运算符。位运算符。逻辑运算符:操作数？结果1：结果2比较运算符。赋值运算符。其他运算符。3.2JavaScript基本使用3.2.2基本语句1．条件语句（1）if语句格式：if(表达式){语句块;}（2）if-else语句if(表达式){语句块1;}else{语句块2;}3.2JavaScript基本使用（3）switch语句switch(表达式){case值1：语句1;break;case值2：语句2;break;……case值n：语句n;break;default：语句;}3.2JavaScript基本使用2．循环语句（1）for语句for(初始表达式；循环条件表达式；计数器表达式){语句块；}3.2JavaScript基本使用（2）while语句while(循环条件表达式){语句块；计数器表达式；}（3）do-while语句do{语句块;计数器表达式;}while(循环条件表达式)（4）label语句label:代码块；（5）break语句break;或breaklabel;（6）continue语句continue;或continuelabel;3.2JavaScript基本使用3．其他语句（1）for-in语句for(变量in对象){代码块；}（2）with语句with(对象){代码块；}（3）return语句（4）注释3.2JavaScript基本使用3.2.2函数JavaScript不区分函数和过程，它只有函数。1．函数的定义founction函数名([参数1,参数2...]){代码块；}2．函数的参数：在函数定义时确定参数，然后按照确定的参数进行传递调用。3．函数返回值：可以使用return语句返回常量、变量，也可以是表达式等。3.2JavaScript基本使用3.3JavaScript的内置对象和函数JavaScript中的内置对象，包括数学（Math）对象、字符串（String）对象、日期（Date）对象、时间（Time）对象和数组（Array）对象等。3.3JavaScript的内置对象和函数3.3.1Math对象Math对象不需要用new操作符创建对象，而是可以直接使用，所以又被称作是静态的对象。调用方式为：Math.数学函数名(参数表)1．Math对象的属性2．Math对象的方法本章首页3.3JavaScript的内置对象和函数3.3.2String对象String中的函数不能直接使用类名String加函数名，而是要创建String类型的对象，在对象的后面加上函数名。1．String对象的定义str1=hello;str2=newString(hello);2．String对象的属性3．String对象的方法3.3JavaScript的内置对象和函数3.3.3Date对象JavaScript中没有日期类型，Date对象中不仅包括日期，还包括时间。1．Date对象的定义var对象名=newDate([参数]);2．Date对象的方法3.3JavaScript的内置对象和函数3.3.4Array对象数组是一系列元素的有序集合，它的强大功能是不可替代的。在JavaScript中，可以使用Array数组对象来完成对数组的操作。1．Array对象的定义使用关键字new来创建。2．Array对象的属性3．Array对象的方法3.3JavaScript的内置对象和函数3.3.5内置函数（1）escape()：对字符串进行编码。（2）unescape()：对字符串进行解码。（3）eval()：将字符串转换为实际代表的语句或运算。（4）parseInt()：将其他类型的数据转换成整数。（5）parseFloat()：将其他类型的数据转换成浮点数。（6）isNaN()：判断一个表达式是否是数值。3.3JavaScript的内置对象和函数3.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;}本章首页3.4JavaScript范例导航栏在网页上起着举足轻重的作用。导航栏有很多种，目录式导航栏是非常常用也非常有魅力的一种导航栏，它的效果是当鼠标移动到导航文字上时，下面会自动出现链接的菜单。下面举例说明如何使用JavaScript脚本编写目录式导航栏。具体代码见P111，例4-12。