JavaScript综合实训.docxVIP

JavaScript综合实训【实训前的准备】1．检查是否连接了Internet。2．检查操作系统是否Windows 98/2000或Windows XP。3．在除C：盘上（可以在D：盘、E盘、或其他逻辑盘）创建一个新文件夹，名字为student。4．检查系统是否有：Word 2000、Dreamweaver、FrontPage、记事本等软件。【实训目的要求】1．了解JavaScript的运行环境。2．熟悉JavaScript的编辑工具。3．了解JavaScript的事件处理功能。4．熟悉JavaScript在HTML中的应用。【实训内容及操作步骤】【操作一】JavaScript中显示具体日期和时间实训1．打开记事本或者Dreamweaver软件。2．输入以下内容：htmltitle时间和日期显示/titlebodyscript language=javascripttoday=new Date();functioninitArray(){?? this.length=initArray.arguments.length?? for(vari=0;ithis.length;i++)?? this[i+1]=initArray.arguments[i]? }?? var d=new initArray(???? 星期日,???? 星期一,???? 星期二,???? 星期三,???? 星期四,???? 星期五,???? 星期六);document.write(???? font color=#000000 style=font-size:18pt;font-family: 黑体 ,???? today.getYear(),年,???? today.getMonth()+1,月,???? today.getDate(),日,???? d[today.getDay()+1],???? /font ); //显示当前的日期和时间/script/body/html3．将文件保存在D:\student\JavaScript.txt。（编辑修改用）4．将文件保存在D:\student\JavaScript html。（运行用）5．运行JavaScript.html文件后即可得到结果。【操作二】JavaScript中按时间显示问候语实训1．打开记事本软件。2．输入以下内容：htmltitle按时间显示欢迎词/titlebodyscript language=javascriptnow = new Date(),hour = now.getHours()//获取当前系统的时间if(hour 8){document.write(您早!)}else if (hour 12){document.write(早上好!)}else if (hour 14){document.write(午安!)}else if (hour 17){document.write(下午好!)}else if (hour 22){document.write(晚上好!)}else if (hour 24){document.write(晚安!)}//通过系统的时间判断，显示不同的问候语/script/body/html3．将文件保存在D:\student\JavaScript1.txt。4．将文件保存在D:\student\JavaScript1.html。5．运行JavaScript1.html文件后即可得到结果。【操作三】JavaScript客户端验证程序实训1．打开记事本软件。2．输入以下内容：htmlheadtitle数据验证/titleScript Language=JavascriptfunctionCheckForm(){if (document.regform.username.value.length == 0) {??????? alert(请输入你的用户名);??????? document.regform.username.focus();??????? return false;}??? if (document.regform.password.value.length == 0) {??????? alert(请输入你的密码.);??????? document.regform.password.focus();??????? return false;}??? if (document.regform.password.value.length 6) {??????? alert(你输入的密码位数小于6位,可能不安全，请增加密码的长度);??????? document.regform.password.focus();???????