武 汉 工 程 大 学
计算机科学与工程学院
《Web系统与技术》实验报告
第二篇：《Web程序设计》第一次实验报告
Web 程序设计
实验报告
专业： 软件工程
班级： 10级（2班）
学号：
姓名：
成绩：
苏州大学计算机科学与技术学院
二O一一年三月
上机实验3
实验一
3.1用JavaScript脚本语言设计程序。
一．实验目的：
（1）掌握将JavaScript脚本嵌入HTML文件的方法。
（2）掌握使用JavaScript脚本语言设计应用程序的过程。
（3）掌握基本的JavaScript语法。
二．实验内容：
用JavaScript脚本语言设计一个程序：根据当天是星期几，在页面中显示不同的图片。程序的运行结果如图3-11所示。要求在图片的上方显示今天是星期几，再显示图片。
三．实验步骤：
（1）准备7个gif图片文件，分别命名为g0.gif~g6.gif。
（2）打开记事本程序。
（3） 输入能够生成如图3-11所示页面的JavaScript程序的源代码，保存为.html文件，文件名为ex3-1。
（4）双击ex3-1.html文件，在浏览器中观察结果。
编写源程序：
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>JavaScript星期表</title>
</head>
<body>
<script language="JavaScript">
<!-- Begin
today = new Date();
day = today.getDay();
arday = new Array("images/g0.gif", "images/g1.gif", "images/g2.gif",
"images/g3.gif", "images/g4.gif", "images/g5.gif", "images/g6.gif");
document.write("今天星期" + day + "<br>");
document.write("<img src='" + arday[day - 1] + "'><br>");
// End -->
</script>
</body>
</html>
双击ex3-1.html文件，在浏览器中观察结果如图所示：
四．实验小结：
通过本次试验，我掌握如何将JavaScript脚本嵌入HTML文件的方法，以及如何使用
JavaScript脚本语言设计应用程序和JavaScript一些基本的语法。学会了好多，但对于深入
JavaScript脚本语言设计应用程序还要努力。
实验二
3.2用VBScript脚本语言设计程序。
一．实验目的:
(1)掌握将VBScript脚本嵌入HTML文件的方法。
(2)掌握使用VBScript脚本语言设计应用程序的过程。
(3)掌握基本的VBScript语法。
二．实验内容：
用VBScript脚本语言设计一个简单的验证程序：要求在文本框中输入一个1~100之间的整数，单击“提交”按钮。若输入正确，则弹出对话框，显示“你输入对了，谢谢！”，如图3-12所示；若输入不正确，则弹出对话框，显示“请输入一个1到100之间的数字。”，如图3-13所示。
三．实验步骤:
（1）打开记事本程序。
（2）输入能够生成如图3-12所示页面的VBScript程序的源代码，保存为.html文件，文件名为ex3-2。
（3）双击ex3-2.html文件，在浏览器中观察结果。
编写源程序：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>简单验证</title>
<style type="text/css">
.Form {
margin-top:18px;
}
</style>
<script language="VBScript">
<!--
Sub Validate
Dim mab
Set mab = Document.forms("Form")
If IsNumeric(mab.Text1.Value) Then
If mab.Text1.Value < 1 Or mab.Text1.Value > 100 Then
MsgBox "请输入一个1到100之间的数字！"
Else
MsgBox "你输入对了，谢谢！"
End If
Else
MsgBox "请输入一个1到100之间的数字"
End If
End Sub
-->
</script>
</head>
<body>
<h3>简单验证</h3>
<hr width="400px" align="left">
<div class="fuckyou">
<form id="Form" onsubmit="Validate()">
请输入一个1到100之间的数字：
<input name="Text1" type="text" size="20" maxlength="20" />
<input name="submit" type="submit" value="提交" />
</form></div>
</body>
</html>
双击ex3-1.html文件，在浏览器中观察结果如图所示：
四．实验小结：
通过这次试验，我掌握如何将VBScript脚本嵌入HTML文件的方法，学会使用
VBScript脚本语言设计应用程序。掌握了VBScript基本的语法。虽然写VBScript脚本语言设计应用程序是个挑战但还是坚持了。感悟最大是以后要多练习。要不写这很难！