第4章_JavaScript脚本技术.ppt

第4章 JavaScript脚本技术 本章目标 了解JavaScript的定义和基本概念 了解JavaScript的基本语法 了解基于对象编程方法 了解事件驱动概念 掌握JavaScript中的对象 掌握JavaScript中的事件 掌握使用JavaScript处理表单 4.1 JavaScript基本概念 JavaScript的概念以及特点 JavaScript和Java的区别 程序运行环境 4.1.1 JavaScript的概念以及特点 JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。它是通过嵌入或调入在标准的HTML语言中实现的。它的出现弥补了HTML语言的缺陷，可以开发客户端的应用程序。 JavaScript具有以下几个基本特点： 是一种脚本编写语言 基于对象的语言 简单性 安全性 动态性 跨平台性 4.1.2 JavaScript和Java的区别 两种语言间的异同作如下比较： 基于对象和面向对象 解释和编译 强变量和弱变量 代码格式不一样 嵌入方式不一样 4.1.3 程序运行环境 软件环境： Windows 95/98或Windows NT。 Netscape Navigator x.0或Internet Explorer x.0。 用于编辑HTML文档的字符编辑器(Notepad等)或HTML文档编辑器。 硬件环境： 基本内存32M。 CRT至少需要256颜色，分辨率在640X480以上。 CPU至少133以上。 鼠标和其它外部设备（根据需要选用）。 4.2 JavaScript的标识和说明语句 4.3 变量、变量类型、作用域、数组 在JavaScript中四种基本的数据类型：数值（整数和实数）、字符串型（用“”号或‘’括起来的字符或数值）、布尔型（使True或False表示）和空值。 在JavaScript的基本类型中的数据可以是常量，也可以变量。 由于JavaScript采用弱类型的形式，因而一个数据的变量或常量不必首先作声明，而是在使用或赋值时确定其数据的类型的。 4.3 变量、变量类型、作用域、数组（续） 常量 整型常量 实型常量 布尔值 字符型常量 空值 特殊字符 4.3 变量、变量类型、作用域、数组（续） 变量的定义 变量的主要作用是存取数据、提供存放信息的容器。 变量的命名 变量以字母开头，中间可以出现数字除下划线作为连字符外，变量名称不能有空格、加号、减号、逗号或其它符号。 不能使用JavaScript中的关键字作为变量。 变量的类型 在JavaScript中，变量可以不作声明，而在使用时再根据数据的类型来确其变量的类型。 变量的声明及其作用域 在JavaScript中同样有全局变量和局部变量。全局变量是定义在所有函数体之外，其作用范围是整个函数；而局部变量是定义在函数体之内，只对其该函数是可见的，而对其它函数则是不可见的。 4.3 变量、变量类型、作用域、数组（续） 数组的定义 4.4 函数 函数为程序设计人员提供了一个丰常方便的方法。通常在进行一个复杂的程序设计时，总是根据所要完成的功能，将程序划分为一些相对独立的部分，每部分编写一个函数。从而，使各部分充分独立，任务单一，程序清晰，易懂、易读、易维护。 4.4 函数（续） 4.5 运算符、表达式 在定义完变量后，就可以对它们进行赋值、改变、计算等一系列操作，这一过程通常由表达式来完成，可以说它是变量、常量、布尔及运算符的集合。表达式可以分为算术表述式、字串表达式、赋值表达式以及布尔表达式等。 4.5 运算符、表达式（续） JavaScript有双目运算符和单目运算符两种运算符。 双目运算符由下列组成： 操作数１ 运算符 操作数２ 单目运算符： 只需一个操作数，其运算符可在前或后。即：操作数 运算符或者 运算符 操作数 4.5 运算符、表达式（续） 算术运算符 +（加） 、-（减）、 *（乘）、 /（除）、 %（取模）、-（取反）、++（递加1）、--（递减1） 比较运算符 (小于)、(大于)、=(小于等于)、=(大于等于)、==(等于)、!=(不等于)、===（绝对等于） 布尔逻辑运算符 !（取反）、 （逻辑与）、|| （逻辑或）、^（逻辑异或） 三目运算符 表达式？结果１：结果２ 4.6 结构化程序设计基础 结构化程序设计的基本思想 自顶向下，模块化，逐步求精。 3种基本结构 顺序结构、选择结构和循环结构 3种基本结构的共同特点 只有一个入口。 只有一个出口。 结构内的每一部分都有机会被执行到。 结构内不存在“死循环”。 4.6.1 结构化程序设计的基本思想 结构化程序设计的基本思想是：自顶向下，模块化，逐步求精。任何程序都可以用三种基