Javascript经典案例.ppt

第二讲 表单验证及事件 String对象 常用的String对象 使用 var 语句 var newstr = 这是我的字符串 创建 String 对象 var newstr = new String(这是我的字符串“) 调用方法和属性 字符串对象.属性名 字符串对象.方法名( ) String对象 数值判断函数 数值判断函数 功能：判断变量的值是否为数值，“NaN”代表“Not a Number”，若返回值为true，则表示自变量不是数值。 语法：isNaN(测试值) 数学(Math)对象 数学(Math)对象 方法： abs() 返回某数的绝对值 acos() 返回某数的反余弦值(以弧度为单位) asin() 返回某数的反正弦值(以弧度为单位) atan() 返回某数的反正切值(以弧度为单位) ceil() 返回大于或等于指定数的最小整数 floor() 与ceil相反 max() 返回两数间的较大值 min() 返回两数间的较小值 pow() 返回m的n次方(其中,m为底,n为指数) random() 返回0和1之间的一个伪随机数 round() 返回某数四舍五入之后的整数 日期时间(Date)对象 格式： 对象名 = new Date ( [日期参数] ) 举例： today = new Date () //以当日时间为对象初值。 日期时间(Date)对象方法: getYear()返回年份值 getMonth() 返回月份值 getDate() 并返回日期 getDay() 返回星期几 getHours() 返回小时数 getMinutes() 返回分钟数 getSeconds() 返回秒数 getTime() 返回完整的时间 setDate() 改变Date对象的日期 setHours() 改变小时数 setMinutes() 改变分钟数 setMonth() 改变月份 setSeconds() 改变秒数 setTime() 改变完整的时间 setYear() 改变年份 setTimeout 按照间隔时间(毫秒)来调用函数 日期时间(Date)对象 月份数为（0---11） 日期数为（1---31） 星期数为（0----6） 小时数为（0---23） 分钟数为（0---59） 秒数为 （0---59） 毫秒数为（0---999） Date对象做时钟显示 Date对象做时钟显示 setTimeout的用法： setTimeout（“调用的函数”,”定时的时间”） 例：var myTime＝setTimeout( “disptime( )”, 1000 ) ; Date对象做时钟显示 小结2 为什么需要表单验证 表单验证的内容-1 表单验证的内容-2 表单验证的思路 如何编写脚本验证表单？ 表单验证的思路 表单验证的思路 表单验证的思路 表单验证的思路 表单验证的思路 小结 1 编写如下图所示，实现登录表单的验证功能 文本框控件 如何实现如下图所示，完善电子邮件的例子。 文本框控件 文本框对象的常用属性、方法、事件 文本框控件 小结 2 编写如下图所示，实现注册表单的验证功能 常见错误-1 常见错误-2 常见的事件 如何使用图片代替提交按钮 如何使用图片代替提交按钮 如何使用图片代替提交按钮 如何使用图片代替提交按钮 制作回车切换输入的效果 keyCode代码 制作回车切换输入的效果 制作回车切换输入的效果 event对象 keyCode：得到在键盘上按下的键 srcElement： .type 得到标签类型 .tagname 得到标签名称 制作回车切换输入的效果 数组与级联列表框 预习检查 什么是省市级联特效？ 在JavaScript中，如何定义一维数组Array？ 在JavaScript中，是否支持二维数组？ 本章任务 本章目标 会使用下拉列表框控件实现省市级联功能 会使用数组优化省市级联功能 下拉列表框 得到选择项的索引（从0开始） 表单名.列表名.selectedIndex; 清空列表项 表单名.列表名.options.length=0; 创建选项 Option1= new Option(选项名,选项值); 增加选项 表单名.列表名.options.add(Option1); 实现简单的省市级联功能 实现简单的省市级联功能 实现简单的省市级联功能 实现简单的省市级联功能 实现简单的省市级联功能 实现简单的省市级联功能 小结下拉框控件SELECT： 常用属性 length value op