《web程序设计》第一次实验报告.docVIP

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 / titleJavaScript星期表/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 你输入对了，谢谢！