Web程序设计_JavaScript.pptVIP

实现一个网站注册网页 注册的基本内容 用户名 Email 密码及确认密码 利用CSS管理显示效果 用JavaScript判断输入内容的有效性 用户名长度和字符有效性 Email格式验证 密码长度和有效性验证 两次密码输入匹配 提交到服务器 CGI ASP php JSP JavaScript JavaScript是一种轻型的需要解释执行的程序设计语言，而且具有面向对象的能力 核心与C++、Java相似 无类型语言 继承机制与C++、Java很不一样 对JavaScript的误解 JavaScript并非Java JavaScript并不简单 JavaScript的版本 JavaScript 1.2 客户端JavaScript 服务器端JavaScript 嵌入的JavaScript 浏览器中的JavaScript 控制文档的外观和内容使用 对浏览器的控制 与HTML表单的交互 与用户的交互 用Cookie读写用户的状态 在HTML中嵌入JavaScript SCRIPT…/SCRIPT SCRIPT SRC=“.js”/SCRIPT … onClick = “…” SCRIPT 文档装载并被parse到SCRIPT时执行 一个文档中分离的SCRIPT是完整的 经常由一个在首部的SCRIPT定义了在整个文档中会被执行的函数 包括JavaScript文件 可以简化HTML文件 可以共享JS 可以由浏览器实现缓存 SCRIPT SRC=“../util.js”/SCRIPT 事件处理器 INPUT TYPE=“checkbox” NAME=“opts” VALUE=“ignore-case” onClick = “ignore_case=this.checked;” JavaScript的词法 大小写敏感 忽略空格和制表 分号或换行表示语句的结束 注释与Java一样 JavaScript基本数据类型 数字 字符串 布尔量 函数 对象 数组 字符串 由单引号或双引号封装起来的字符序列 \做转义序列 \b \f \n \t \’ \” \\ 连接字符串 + 函数 function f(x) { return x*x; } y = f(6); z = f(y); 函数是一种基本数据类型 对象 命名了的数据段的集合 命名了的数据通常被作为对象的属性 image.width document.myform.button 创建对象 var now= new Date(); 数组 创建 var a = new Array(); 直接量 var a = [1.2, “string”,true] 变量 声明 var I,j,k; 命名规则 变量名的第一个字符必须是英文字母，或者是下划线符号(underscore)_ 变量名的第一个字母不能是数字。其后的字符，可以是英文字母，数字，和下划线符号符号(underscore)_ 变量名不能是Javascript的保留字 变量可以重复定义，也可以不定义就使用 基本类型和引用类型 基本类型：数字、布尔 引用类型：对象、数组、函数 Category Operators Primary x.y f(x) a[x] new Unary + - ++x --x Multiplicative * / % Additive + - Relational and type testing = = Equality == === != !== Conditional NOT ! Conditional AND Conditional OR || Conditional ?: Assignment = *= /= %= += -= 运算符和优先级 语句 表达式 常量 变量 函数 用运算符组合以上内容 value = Math.PI * radius * radius; 复制和相等 语句 简单语句 复合语句 {} 注释 /* … */ 程序控制流 顺序语句 分支语句 if .. else switch 循环语句 for while do .. while if分支语句 if if .. else print “Passed” Grade = 60 true false Grade = 60 print “Passed” print “Failed” false true switch分支语句 break; case : a case a action(s) true false . . . break; case b