实验3 JS编程.docVIP

课程实验报告 课程名称 Web开发技术基础 班级 实验日期 姓名 学号 实验成绩 实验名称 实验3：JavaScript编程 实验目的及要求 掌握JavaScript的基本语法； 掌握JavaScript的常用内置对象的作用、属性、方法的运用； 掌握JavaScript的程序流程控制语句的使用； 掌握DOM对象体系。 实验环境 操作系统：Windows；Web服务器：IIS；软件：VS2005 实验内容 要求用户在文本框中输入用户名，提交时，若文本框为空，则取消提交； 利用复选框让用户选择其爱好，输出用户所选的内容； 利用单选框让用户选择其性别，输出用户所选的内容； 在打开网页后弹出一个宽200，高300的窗口，且在该网页关闭后，弹出的窗口也关闭； 在网页打开3秒钟后，跳转到另一个网页； 在状态栏上显示时间。 调试过程及实验结果 错误结果： 总结 这次实验开始创建小的网页，让我掌握JavaScript的基本语法，常用内置对象的作用、属性、方法的运用及程序流程控制语句的使用，过程中出现和一些问题，在用aihao变量连接字符串是没有定义它的字符类型，导致输出结果有undefine，在状态栏显示时间时，最后学会了用setTimeout函数显示，在网上搜索资料和同学帮助最后完成了实验。 附录 1—3题： html xmlns=/1999/xhtml head runat=server title无标题页/title script language =javascript function Test() { var length=document.form1.check.length; var length2=document.form1.sex.length; var aihao=,flag=0; if(document.form1.username.value == ) { alert(输入用户名为空，请重新输入); return false; } for(var i=0;ilength;i++) { if(document.form1.check[i].checked) { aihao=aihao+document.form1.check[i].value; flag=1; } } if(flag==1) alert(您的爱好:+ +aihao); for(var i=0;ilength2;i++) { if(document.form1.sex[i].checked) { alert(您的性别：+document.form1.sex[i].value); } } return true; } /script /head body form id=form1 runat=server div br /br / 用户名：input type =text id=username / br /br / 您的爱好： input type =checkbox name=check value=登山 /登山 input type =checkbox name=check value=篮球 /篮球 input type =checkbox name=check value=跑步 /跑步 input type =checkbox name=check value=健美 /健美 br / 您的性别： input type =radio name =sex value=男 /男 input type =radio name =sex value=女 /女br / input type =submit name=submit1 value= 提交 onclick=Test()/ br / /div /form