第3章 JavaScript对象编程.ppt

* * * * * * * * * * 正则表达式符号 正则表达式常用符号 正则表达式重复字符 符号 描述 /…/ 代表一个模式的开始和结束 ^ 匹配字符串的开始 $ 匹配字符串的结束 \s 任何空白字符 \S 任何非空白字符 \d 匹配一个数字字符，等价于[0-9] \D 除了数字之外的任何字符，等价于[^0-9] \w 匹配一个数字、下划线或字母字符，等价于[A-Za-z0-9_] \W 任何非单字字符，等价于[^a-zA-z0-9_] . 除了换行符之外的任意字符 限定符 作用 说 明 * 出现0次或连续多次 /a*b/可匹配b,aab,aaaab…… + 出现至少一次 /a+b/可匹配ab,aaab,aaaab…… ？ 出现0次或者一次 /a[cd]?/可匹配a,ac,ad {n} 连续出现n次 /a{3}/相当于aaa {n,} 连续出现至少n次 /a{3,}/可匹配aaa,aaaa,…… {n,m} 连续出现至少n次，至多m次 /ba{1,3}/可匹配ba,baa,baaa 子匹配 子匹配是正则表达式语法中的分组概念，在正则表达式中用括号“（）”把一些字符串括起来表示一个子匹配，并按括号顺序编号，同时在字符串匹配时把子匹配结果存储在缓冲区，并作为查询的结果返回。 如：/(ab)c/中(ab)就是一个子匹配，表达式在搜索的时候不仅记录整个表达式的匹配结果，还把子匹配”ab”记录在缓冲区，以供查询。 正则表达式的应用 用户名、密码、电子邮箱、手机号码、身份证号码、生日、邮政编码、固定电话 验证邮政编码和手机号码 验证邮政编码和手机号码 中国的邮政编码都是6位 手机号码都是11位，并且第1位都是1 邮政编码和手机号码的验证的正则表达式 var regCode=/^\d{6}$/; var regMobile=/^1\d{10}$/; function checkmail() { var email=document.form1.email.value; var reg=/^\w+@\w+\.(com)|(cn)$/; if(reg.test(email)) { alert(合法的电子邮件！); return true; } else { alert(电子邮件格式不正确); return false; } } 验证电子邮件地址 正则表达式 的表示 电子邮件地址必须含有@和.符号，并且.符号在@符号之后。 任务1 需求说明 使用正则表达式验证博客园注册页面，验证用户名、密码、电子邮箱、手机号码和生日 用户名只能由英文字母和数字组成，长度为4-16个字符，并且以英文字母开头 密码只能由英文字母和数字组成，长度为4-10个字符 生日的年份在1900-2014之间，生日格式为1980-5-12或1988-05-04的形式 练习1 需求说明 登录名只能是中文字符、英文字母、数字及下划线 身份证号码只能由15或18位的数字组成 密码只能由英文字母和数字组成，长度为4-10个字符 固定电话不正确，例如010Email包含@和.符号 总结 内置对象之一——Date对象 内置对象之二——Math对象不需要创建对象实例，可以直接使用。 setTimeout()方法和clearTimeout()方法。 String对象的indexOf( )方法用于查找子字符串 Array对象常用的属性是length，排序方法：sort Date对象有setxxx( )方法用于设置日期和时间，getxxx( )方法用于获得日期和时间 总结 Date对象有setxxx( )方法用于设置日期和时间，getxxx( )方法用于获得日期和时间 Math对象不需要创建对象实例，可以直接使用，Math对象的random( )方法可以产生0－1的随机数。 Array对象常用的属性是length，排序方法：sort String对象的indexOf( )方法用于查找子字符串 使用正则表达式可以制作相对严谨的表单验证 教育改变生活 * * * * * * * * * 告诉学员： 1）日期函数中的星期几用数字表示，星期一到星期天（七）一般用数字0－6表示，和中国人的习惯差 1 2）月份0－11表示一月到十二月，也是差1，为后面的练习打基础。 * 告诉学员：这些函数用于设置日期和时间，比如年份、月份、日等 * 告诉学员：这些函数用于获得日期和时间，比如年份、月份、日等 * 了解：转换为国际标准时间。 * * * * * * * * * * 完成任务二 任务3:制作简单的焦点图效果 任务描述： 焦点图效果是各大网站常用的效果，效果如图所示，页面上5张图片2秒轮换显示，单击向右图片实现播放下一张图片，图片向后继续2秒