许小雨JavaScript.pptVIP

JavaScript客户端验证和页面特效制作 第一章：JavaScript的基本语法 第二章：DOM编程—window对象 第三章：DOM编程—document对象 第四章：CSS样式特效 第五章：基本的表单验证技术 第六章：表单验证的相关事件和辅助特效 第七章：表单验证的高级特效 第一章： JavaScript的基本语法 JavaScript代码都是写在开始标记script和结束标记/script之间 JavaScript中的基本语法有变量的声明和赋值、运算符号、逻辑控制语句、注释和类型转换、，与java的基本语法类似 要使用函数必须先创建函数，然后才可以调用函数 函数的参数可以有一个或多个，也可以一个参数也没有 函数的参数分为两种：形式参数和实际参数 Javascript特性： 1.嵌入在网页中，即在script标签中.script标签通常放在head中。 2.弱类型语言：变量声明时不需指定类型（默认为undefined），类型根据值进行变化；变量可不声明 直接使用 ； 3.动态语言： 变量数据类型在运行时可变。 4.javascript代码运行环境（宿主）即浏览器，解释执行。 5.区分大小写 6.事件驱动：通过响应用户的操作（事件）来调用javascript代码。 帮助文档： Javascript5.5.chm 基本语法： 1.数据类型 基本类型： 数值型Number : 例：12, 012八进制 , 0xAE10十六进制, NaN(Not a Number非数字) 布尔型Boolean : false , true 字符串String : 以单双引号括起来的文本，例: hello , world 复合类型（引用类型） 对象Object 数组Array 特殊类型 Null空 undefined未定义： 变量已声明未初始化 2.变量声明 使用var关键字，例：var i ; 当前i为undefined未定义。i=10; 类型确定为数值number 基本语法： 3.运算符 3.1 typeof运算符：获取变量的类型名称,例：var i = 1 ; document.write(typeof i);即输出 number instanceof运算符：判断一个变量是否为某个类型的实例 例： var d = new Date(); document.write(d instanceof Date); // 判断变量d是否为Date类型，即true 3.2 算术运算符 -求反运算符：即正负数切换 3.3 比较运算符 == 与 === 区别： ===严格相等 ， 要求值与类型都相同 ， ==只要求值相同 3.4 逻辑运算符 3.5 位运算符： (1)有符号左移：m n 相当于 m * 2^n (2)有符号右移：m n 相当于 m / 2^n 基本语法： 4.逻辑结构： 条件结构： if(条件) {} if(条件) {} else {} if(条件) {} else if(条件) {} ... switch(变量) { case 值： 语句；break; case 值: 语句 ; break; default : ... } 循环结构： do {} while(条件); while(条件) {} for(var i=0 ; i5; i++ ) {} 基本语法： 5.注释 单行： //开头 多行： /* ... */ 6. 类型转换 string字符串 －》数值number : parseInt(字符串) : 不保留小数位 parseFloat(字符串) : 保留小数位 数值number - string: 直接连接空字符串 例：var count = 10; var str = count+; 函数： 函数 事件event : (1)事件由操作引起(触发),不同的操作引发不同的事件 (2)事件有事件源，即所操作的元素(按钮，文本框等) 函数声明： function 函数名(参数1,参数2...) { //语句 }