《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>

<title>JavaScript星期表</title>

</head>

<body>

<!-- 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>

.Form {

margin-top:18px;

}

</style>

<!--

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>

请输入一个1到100之间的数字：

</form></div>

</body>

</html>

双击ex3-1.html文件，在浏览器中观察结果如图所示：

四．实验小结：

通过这次试验，我掌握如何将VBScript脚本嵌入HTML文件的方法，学会使用

VBScript脚本语言设计应用程序。掌握了VBScript基本的语法。虽然写VBScript脚本语言设计应用程序是个挑战但还是坚持了。感悟最大是以后要多练习。要不写这很难！

第二篇：《WEB程序设计》实验报告模版

湖南工业大学商学院

实验报告

实验指导教师谭双荣班级实验者

共 2 页同实验者 20010 年 6月 12 日

相关推荐

《Web程序设计》第一次实验报告

第二篇：《WEB程序设计》实验报告模版

专栏推荐