JavaScript综合实训.docx

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输入以下内容：时间和日期显示today=new Date();function initArray() this.length=initArray.arguments.length for(var i=0;ithis.length;i+) thisi+1=initArray.argumentsi var d=new initArray( 星期日, 星期一, 星期二, 星期三, 星期四, 星期五, 星期六);document.write( , today.getYear(),年, today.getMonth()+1,月, today.getDate(),日, dtoday.getDay()+1, ); /显示当前的日期和时间3将文件保存在D:studentJavaScript.txt。（编辑修改用）4将文件保存在D:studentJavaScript html。（运行用）5运行JavaScript.html文件后即可得到结果。【操作二】JavaScript中按时间显示问候语实训1打开记事本软件。2输入以下内容：按时间显示欢迎词now = 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(晚安!)/通过系统的时间判断，显示不同的问候语3将文件保存在D:studentJavaScript1.txt。4将文件保存在D:studentJavaScript1.html。5运行JavaScript1.html文件后即可得到结果。【操作三】JavaScript客户端验证程序实训1打开记事本软件。2输入以下内容：数据验证function CheckForm()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(); return false; if (document.regform.password.value != document.regform.password2.value) alert(两次输入密码不相同.); document.regform.password.focus(); return false; 请填写注册信息： 呢称: 密码:最好填六位或以上确认:重新输入你刚才输入的密码 3将文件保存在D:studentJavaScript2.txt。4将文件保存在D:studentJavaScript2.html。5运行JavaScript2.html文件后即可得到结果。【小结】JavaScript是一种易学易用的脚本语言，它面向与用户交互的脚本开发，它所需要完成的大多是扩展Web页面的功能。通过以上的实训可以使学生了解JavaScript语言的运行环境，熟悉JavaScript的编辑工具。了解JavaScript的事件处理功能。熟悉JavaScript在HTML中的应用。能够在熟悉语法的基础上应用JavaScript的功能进行脚本开发。 【思考题】1JavaScript的变量的命名规则是什么？2JavaScript处理事件的过程是什么？3JavaScript与Java、C的本质区别是什么？4用JavaScript语言在HTML语言中编写一个滚动字幕程序。产生一个“跑马灯”的效果。5. 用JavaScript语言在HTML语言中编写身份验证程序【实训报告】实训报告的格式如下：1实训过程 目的要求：实训内容：