《第三章、客户端编程》-精选课件(公开).pptVIP

第三章 客户端编程 本节课的内容： 什么是脚本语言 JavaScript概述 JavaScript嵌套HTML的方式 JavaScript基本语法 事件触发和处理 对象的基础知识 JavaScript的对象模型 window 对象 document 对象 form 对象 1、什么是脚本语言 脚本语言源于UNIX操作系统 应用于web页面的脚本语言有javaScript、VBScript和用于编写CGI脚本的perl、shellScript等 根据脚本程序执行的地点不同分为服务器端脚本和客户端脚本，javaScript、VBScript既可以作为客户端脚本语言，又可作为服务器端脚本语言。 2、JavaScript 概述 JavaScript是一种潜入在HTML文件中的脚本语言，由Netscape公司在1995年的Netscape2.0中推出，最初称为Mocha，后来又改为LiveScript，95年Java语言出现后，引进java的有关概念，又改为JavaScript JavaScript是一种基于对象和事件驱动并具有安全性能的脚本语言。它是通过嵌入或调入在标准的HTML语言中实现的。它的出现弥补了HTML语言的缺陷，可以开发客户端的应用程序。 两种语言间的异同作如下比较： 基于对象和面向对象 解释和编译 强类型和弱类型 代码格式不一样 嵌入方式不一样applet SCRIPT JavaScript的注释 //语句 单行注释，JavaScript将忽略这一行后面的语句。 /* 语句集 */ 注释多行，JavaScript将忽略/*和*/之间的所有语句。 Javascript程序运行环境 软件环境： Windows 95/98或Windows NT。 Netscape Navigator x.0或Internet Explorer x.0。 用于编辑HTML文档的字符编辑器(Notepad等)或HTML文档编辑器。 硬件环境： 基本内存32M。 CRT至少需要256颜色，分辨率在640X480以上。 CPU至少133以上。 鼠标和其它外部设备（根据需要选用）。 3、JavaScript嵌套在HTML中的方式 HTML HEAD TITLE 页标题 /TITLE SCRIPT language=“JavaScript” !-- JavaScript代码 -- /SCRIPT /HEAD BODY HTML文本 SCRIPT !- JavaScript代码也可放在这里 - /SCRIPT HTML文本 /BODY /HTML 3.2 JavaScript 源文件 JavaScript大小写敏感，若要几行代码写在一行中各语句间以分号分隔，习惯上在每一个语句之后以分号结束，但不是必须。 在JavaScript中四种基本的数据类型：数值（整数和实数）、字符串型（用“”号或‘’括起来的字符或数值）、布尔型（使True或False表示）和空值 在JavaScript的基本类型中的数据可以是常量，也可以变量。 常量 整型常量 实型常量 布尔值 字符型常量 空值 特殊字符 变量的定义 变量的主要作用是存取数据、提供存放信息的容器。 变量的命名 变量以字母开头，中间可以出现数字除下划线作为连字符外，变量名称不能有空格、加号、减号、逗号或其它符号。 不能使用JavaScript中的关键字作为变量。 变量的类型 如同其它编程语言,JavaScript允许你声明变量并使用存储在它们中的值，不过不需要去专门声明变量的数据类型。（P25） 由于JavaScript采用弱类型的形式，因而一个数据的变量或常量不必首先作声明，而是在使用或赋值时确定其数据的类型的。 JavaScript可以自动确定存储在变量中的数据类型。 JavaScript用关键字var声明变量或直接使用赋值的形式声明变量。 Var str; Num1=20 Num2=3.0e10 声明变量通过关键字var,如下： var var1,var2; 在声明同时赋值给它，如： var var1=10; var var2=“hello”; var var3=true; 变量的长度可由length函数获得，如： var len=var2.length; 赋值运算符：= += -= *= /= %= 算术运算符： + - * / ++ % -– – 字符串运算符：+ 如：“abcd”+”efg” 逻辑运算符和关系运算符 ==, !=, , , ! , , || 位运算 条件运算符 ? 比如： va