第8章JavaScript.pptVIP

第8章 JavaScript 本章主要内容 脚本语言基础知识 JavaScript Dreamweaver CS3中的脚本语言功能 脚本语言基础知识 脚本语言 什么是“脚本语言”？ 一种用于信息处理和用户交互的编程语言 特点 一种解释型的语言（非编译型） 语法相对不太严格 分类 服务器端运行，如：ASP，PHP，PERL 客户端运行，如：VBScript，JavaScript JavaScript JavaScript JavaScript早期是由Netscape（网景）公司研发出来的一种在Netscape浏览器上执行的程序语言； 现在所有的浏览器都支持JavaScript； Javascript的出现使得网页和用户之间实现了一种实时性的、动态的、交互性的关系，使网页包含更多活跃的元素和更加精彩的内容； JavaScript和Java没什么关系 在网页中植入JavaScript 方法： 使用 SCRIPT 标签将语句嵌入文档 将 JavaScript 源文件链接到 HTML 文档中 使用 Script 标签 使用外部 JS 文件 外部 JavaScript 文件可以链接到 HTML 文档中 SCRIPT 标签的 SRC（源文件）属性可用于包括此外部文件 使用外部 JS 文件 数据类型、运算符 JavaScript的基本数据类型 数值型：整数和浮点数统称为数值。 字符串型：是由多个单一的字符所组成的数据类型。 用 或 括起来，如您好、学习JavaScript 等。 逻辑型（布尔） ：用true或false来表示。 空值（null） null既不等于“0”，也不等于“空字符串”。 未定义值（undefined） 在两种情况下可能得到一个未定义的值，一种是根本不存在的对象，另一种就是虽然已经声明，但却没有赋值。 转义符 变量 变量名必须以字母或下划线（_）开头 变量可以包含数字、从 A 至 Z 的大小写字母 JavaScript 区分大小写，即变量 myVar、 myVAR 和 myvar 是不同的变量 声明变量 var a; “var” － 用于声明变量的关键字 “a” － 变量名 变量的作用域 运算符 运算符对一个或多个变量或值（操作数）进行运算，并返回一个新值 根据所执行的运算，运算符可分为以下类别 算术运算符 比较运算符 逻辑运算符 算术运算符 比较运算符 逻辑运算符 实例 利用JavaScript制作一个加法运算器 步骤 放入表单控件：3个文本框，1个按钮，文本框的名称分别是t1,t2,t3，注意不要加入表单标签 在按钮的属性中加入如下代码：onclick=“t3.value=eval(t1.value)+eval(t2.value)“ 说明： 控件都可看作是对象，文本框的value属性代表其中填入的内容； eval是内置函数，用于将字符串类型转换为数值类型，否则“+”运算符进行字符串的连接操作 练习 语句控制结构 语句控制结构 三种流程控制结构 顺序结构 选择结构 循环结构 顺序结构 主要是赋值语句和输入输出语句 复合赋值符 +=、-=、*=、/=等 alert(message)函数 用于显示文本框，message参数就是要显示的字符串 document.write(exp)函数 可向文档写入 HTML 表达式或 JavaScript 代码 选择结构 if(else)语句 switch语句 if else 语句 if(条件) { //JavaScript代码; } else { //JavaScript代码; } switch语句 循环结构 for循环 do-while while for循环 while和do－while循环 数组 声明数组 var 数组名 = new Array(数组大小); 例： var emp = new Array(3) 数组元素赋值 emp[0] = “AA; emp[1] = “BB; emp[2] = “CC; 数组对象的常用属性和方法 常用属性 length ：返回数组中元素的个数 常用方法 数组排序示例 练习 对象 对象 同其他编程语言类似，JavaScript也有对象的概念；也有对象的三要素； 创建对象也使用new关键字； JavaScript中对象的种类 JavaScript内置对象 Date、Array、RegExp、String、Math、Number 由浏览器根据页面内容自动提供的对象 DOM（HTML Document Object Model ），HTML文档对象模型 用户自定义的对象 内置对象 Array对象 提供对创建任何数据类型的数组的支持 Date 该对象及其