单元2设计日期时间类网页特效要点解读.pptVIP

4. clearInterval()方法 clearInterval()方法可取消由setInterval()设置的毫秒时间。 2.9　JavaScript的RegExp对象及其方法 1．创建RegExp对象 （1）直接量语法。 （2）创建RegExp对象的语法。 （3）RegExp对象的参数说明。 （4）RegExp对象的返回值。 （5）创建RegExp对象时抛出的异常。 2．创建RegExp对象的修饰符 创建RegExp对象的修饰符如表2-12所示。 （1）g修饰符。 （2）i修饰符。 修饰符 直接量语法 语法格式 功能描述 i /regexp/i new RegExp(regexp,i) 执行对大小写不敏感的匹配 g /regexp/g new RegExp(regexp,g) 执行全局匹配（查找所有匹配而非在找到第一个匹配后停止） m 执行多行匹配 表2-12　创建RegExp对象的修饰符 3．正则表达式的模式符 （1）带方括号的模式表达式。 （2）模式表达式中的元字符。 （3）模式表达式中的量词。 4．RegExp对象的属性 5．RegExp对象的方法 （1）test( )方法。 （2）exec( )方法。 （3）compile( )方法 2.10 支持正则表达式的String对象的方法 1．search()方法 search()方法用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串。 2．match()方法 可在字符串内检索指定的值，或找到一个或多个正则表达式的匹配。 该方法类似于indexOf()和lastIndexOf()，但是它返回指定的值，而不是字符串的位置。 3．replace()方法 replace()方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。 4．split()方法 用于把一个字符串分割成字符串数组。 2.11　JavaScript和jQuery的使用比较 网页中有以下HTML代码：div id= demo/div，分别使用JavaScript方式和jQuery方式实现在该标签位置输出文本 信息。 （1）使用JavaScript方式实现。 （2）使用jQuery方式实现。 【引导训练】 任务2-3 不同的节日显示对应的 问候语 【任务描述】 在网页中根据不同的节日显示对应的问候语。 例如，“五一”劳动节显示的问候语为“劳动节快乐！”，“十一”国庆节显示的问候语为“国庆节快乐！”。 任务2-4 在特定日期的特定时段显示打折促销信息 【任务描述】 （1）创建1个日期对象，且以常规格式在网页中显示当前日期与时间。 （2）在特定日期的特定时段实施打折促销，并在网页中输出相应的提示信息。 任务2-5 不同时间段显示不同的问候语 【任务描述】 在网页中根据不同时间段（采用24小时制）显示相应的问候语，具体要求如下。 （1）每天上午8点之前（不包含8点）显示“早上好！”。 （2）每天上午12点之前（包含8点但不包含12点）显示“上午好！”。 （3）每天的12点至14点（包含12点但不包含14点）显示“中午好！”。 （4）每天的14点至17点（包含14点但不包含17点）显示“下午好！”。 （5）每天的17点之后（包含17点）显示“晚上好！”。 任务2-6 一周内每天输出不同的图片 【任务描述】 在网页中实现一周内每天输出不同的图片，星期一网页输出的图片如图2-1所示。 图2-1　星期一网页显示的图片 任务2-7 实现在线考试倒计时 【任务描述】 通过网络在线考试时，在网页中的合适位置显示一个如图2-2所示的倒计时牌，让考生及时掌握考试剩余的时间。 图2-2　在线考试倒计时牌 任务2-8 显示限定格式的日期 【任务描述】 在网页显示限定格式的日期，即年使用4位整数，月、日都使用2位整数表示，对于小于10的月和日，前面加“0”表示，如图2-3所示。 图2-3　限定格式的日期 【同步训练】 任务2-9 验证日期的有效性 【任务描述】 在网页中显示如图2-4所示的输入“城市”名称和“日期”的文本框，日期文本框中初始状态显示当日的日期，当用户在日期文本框输入日期，且单击【提交】按钮时，验证日期数据的有效性，主要包括以下3个方面的验证。 （1）日期文本框不能为空，否则会出现提示信息对话框。 （2）日期文本框中输入的日期必须符合指定的日期格式，否则会出现提示信息对话框。 （3）由于每年的1、3、5、7、8、10、12月有31天，4、