太原理工大学wb实验报告2.docVIP

本科实验报告 课程名称： Web开发实用技术基础 实验项目：HTML语言、网页程序设计Javascript、request与response对象的应用、 Application与Session对象的应用 实验地点： 逸夫楼 专业班级： 软件1227 学号： 2012005774 学生姓名： 王晓春 指导教师： 崔晓红 2014年 10 月 30 学院名称 软件学院 学号 2012005774 实验成绩 学生姓名 王晓春 专业班级 软件1227 实验日期 2014.10.9 课程名称 Web开发实用技术基础 实验题目 实验1 网页程序设计JavaScript 一．实验目的和要求 实验目的1．掌握JavaScript技术,基本掌握JavaScript的开发技巧； 2．利用文本编辑器建立JavaScript脚本语言进行简单编程。 实验要求1．根据以下实验内容书写实验准备报告 2．独立完成实验 二．实验内容 显示一个动态的时钟 在文本编辑器“记事本”中输入如下代码程序，请仔细阅读下列程序语句，理解每条语句的作用。源程序清单如下： html head script language=javascript var timer = null function stop(){ clearTimeout(timer)} function start(){ var time = new Date() var hours =time.getHours() var minutes =time.getMinutes() minutes=((minutes10)?0:)+minutes var seconds=time.getSeconds() seconds=((seconds10)?0:)+seconds var clock =hours+:+minutes+:+seconds document.forms[0].display.value=clock timer=setTimeout(start(),1000)} /script /head body onLoad=start() onUnload=stop() form 现在是北京时间：input type=text name=display size=20 /form /body /html 分析上述代码的作用,然后用浏览器运行文件,验证自己的判断是否正确. 2．事件驱动和事件处理 在文本编辑器“记事本”中输入如下代码程序，请仔细阅读下列程序语句，理解每条语句的作用。源程序清单如下： 分析上述代码的作用,然后用浏览器运行文件,验证自己的判断是否正确3．JavaScript表单校验编写程序register.htm，做一个如下图所示的用户注册界面，要求对用户填写的部分进行合法性检验。 三、主要仪器设备 笔记本电脑 四、实验过程中遇到的问题及解决方法 实验过程中由于对表单控件不够熟悉，用onclick代替了onsubmit，是的表单功能无法实现，后通过查阅书本弄清楚了表单的控件及属性。 五、实验结果 1.界面浏览： 2.代码设计： 3.代码设计 html head title用户名登录/title script function myfunction(){ if(form.username.value==) { alert(用户名不能为空，请输入用户名！); form.username.focus(); return false; } else if(form.password.value==) { alert(密码不能为空，请输入密码); form.password.focus(); return false; } else alert(登陆成功！); } /script /head body 用户登录br form name=form onSubmit=return myfunction() method=post action=sy2-3.html 请输入用户名：input type=text name=usernamebr 请输入密码：input type=password name=passwordbr input type=submit name