JavaScript网页特效案例教程 王莹 第四章课件 第四章新.pptVIP

JavaScript网页特效案例教程 主编：王莹 副主编：印梅 齐燕 4.6 其他典型案例 4.7 本章小结 本章学习了Date，String，Math，Array这四个常见内置对象并用利用这些对象实现了一些网页常见特效。 * * 在线教务辅导网： 更多课程配套课件资源请访问在线教务辅导网 8课时 课时建议 案例教学 自主学习 探究训练 教学方法 实现动态时钟 对字符串进行操作 求随机数，求最大值，最小值等数学操作 能对一组数据进行处理 本章重点 实现动态时钟 对字符串进行操作 求随机数，求最大值，最小值等数学操作 能对一组数据进行处理 技能目标 掌握对象的概念 使用Date对象 使用String对象 使用Math对象 使用Array对象 知识目标 第四章 内置对象 4.1 Date对象 实现当前的日期和时间： 5月13日13时45分51秒。 本案例涉及到的知识点： 对象的概念 如何使用对象 Date对象属性和方法 字符串相连 相关知识 知识点1：JavaScript中对象的概念 JavaScript是一种基于对象（Object）的语言，它支持三种对象： 内置对象、用户自定义对象以及浏览器对象。 知识点2：创建和删除对象 变量名=new 对象名(); 知识点3：对象的属性和方法 一个对象应包含两个要素，即属性和方法。 属性是用来描述对象特性的一组数据，即若干变量； 方法是用来操作对象的若干动作，也就是若干函数。 document.bgcolor//属性 document.write()//方法 知识点4：Date的属性和方法 这些方法用于获取时间和日期值 getXxx 这些方法用于设置时间和日期值 setXxx 说明 方法分组 用作 Date 方法的参数的整数范围 0 至 11（一月至十二月） Months 1 至 31（月份中的天数） Date 0 至 6（星期几） Day 0 至 23 Hours 0 至 59 Seconds 和 minutes 整数 值 3.操作步骤 /script document.write(现在是：+(mydate.getMonth()+1)+月+mydate.getDate()+日+mydate.getHours()+时+mydate.getMinutes()+分+mydate.getSeconds()+秒); mydate=new Date(); var mydate; script language=javascript /BODY /FORM INPUT name=myclock type=text value= size=10 当前时间： FORM NAME=myform BODY onLoad=disptime( ) /SCRIPT } setTimeout(disptime(),1000); document.myform.myclock.value =hour+:+minute+:+second+ ; var second = time.getSeconds( ); var minute = time.getMinutes( ); var hour = time.getHours( ); //获得小时、分钟、秒 var time = new Date( ); //获得当前时间 function disptime( ){ SCRIPT language=JavaScript 4 操作练习 4.2 String对象 本案例涉及的知识点： String对象的属性和方法 字符串检验常用的方法 相关知识 将字符串转换成大写 toUpperCase( ) 将字符串转换成小写 toLowerCase( ) 求子串 substring(index1,index2 ) 获取位于指定索引位置的字符 charAt(index) 查找子字符串的位置 indexOf(“子字符串”，起始位置) 方法 获取字符串字符的个数 length 属性 说 明 名 称 例如： var x var y=“abcdefg”; x=y.indexOf(“c” , 0 ); //返回结果为2，起始位置是0 3 操作步骤 } else alert(正确); alert(电子邮件格式不正确\n必须包含.符号！); else if (strEmail.indexOf(.,0)==-1) alert(电子邮件格式不正确\n必须包含@符号！); else if (strEmail.indexOf(@,0)==-1) alert(电子邮件不能为空!); if (strEma