Web程序设计实验报告.doc

《Web程序设计实验报告.doc》由会员分享，可在线阅读，更多相关《Web程序设计实验报告.doc（3页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、Web程序设计实验报告Web程序设计实验报告Web程序设计实验报告一、实验目的学会使用VisualStudio软件二、实验内容1、做一个表格2、做一个表单3、做一个框架实验时间：2021.10.17实验一：做一个下例表格附图：【代码】无标题页代码系别专业及人数经管系会计专业2021202120212021200人td280人400人420人国贸专业202120212021202180人88人78人74人实验二：做一个表单附图：【代码】无标题页/姓:名:性别男女兴趣逛街散步看电视喜欢的水果苹果香蕉梨子实验三：做一个框架附图：主文件：框架Frame1文件：BCol.htm文件：无标题页这是超链接

2、a img.htm文件：functionSelect1_onclick()/姓:名:性别男女兴趣逛街散步看电视喜欢的水果苹果香蕉梨子table.htm文件：无标题页系别专业及人数经管系会计专业2021202120212021200人td280人400人420人国贸专业202120212021202180人88人78人74人扩展阅读：Web程序设计第一次实验报告Web程序设计实验报告专业：软件工程班级：10级（2班）学号：姓名：成绩：苏州大学计算机科学与技术学院二O一一年三月-1-上机实验3实验一3.1用JavaScript脚本语言设计程序。一实验目的：（1）掌握将JavaScript脚本嵌入H

3、TML文件的方法。（2）掌握使用JavaScript脚本语言设计应用程序的过程。（3）掌握基本的JavaScript语法。二实验内容：用JavaScript脚本语言设计一个程序：根据当天是星期几，在页面中显示不同的图片。程序的运行结果如图3-11所示。要求在图片的上方显示今天是星期几，再显示图片。三实验步骤：（1）准备7个gif图片文件，分别命名为g0.gifg6.gif。-2-（2）打开记事本程序。（3）输入能够生成如图3-11所示页面的JavaScript程序的源代码，保存为.html文件，文件名为ex3-1。（4）双击ex3-1.html文件，在浏览器中观察结果。编写源程序：JavaSc

4、ript星期表双击ex3-1.html文件，在浏览器中观察结果如图所示：-3-四实验小结：通过本次试验，我掌握如何将JavaScript脚本嵌入HTML文件的方法，以及如何使用JavaScript脚本语言设计应用程序和JavaScript一些基本的语法。学会了好多，但对于深入JavaScript脚本语言设计应用程序还要努力。-4-实验二3.2用VBScript脚本语言设计程序。一实验目的:(1)掌握将VBScript脚本嵌入HTML文件的方法。(2)掌握使用VBScript脚本语言设计应用程序的过程。(3)掌握基本的VBScript语法。二实验内容：用VBScript脚本语言设计一个简单的验证

5、程序：要求在文本框中输入一个1100之间的整数，单击“提交”按钮。若输入正确，则弹出对话框，显示“你输入对了，谢谢！”，如图3-12所示；若输入不正确，则弹出对话框，显示“请输入一个1到100之间的数字。”，如图3-13所示。三实验步骤:（1）打开记事本程序。（2）输入能够生成如图3-12所示页面的VBScript程序的源代码，保存为.html文件，文件名为ex3-2。（3）双击ex3-2.html文件，在浏览器中观察结果。编写源程序：简单验证.Formmargin-top:18px;-5-简单验证请输入一个1到100之间的数字：双击ex3-1.html文件，在浏览器中观察结果如图所示：-6-四实验小结：通过这次试验，我掌握如何将VBScript脚本嵌入HTML文件的方法，学会使用VBScript脚本语言设计应用程序。掌握了VBScript基本的语法。虽然写VBScript脚本语言设计应用程序是个挑战但还是坚持了。感悟最大是以后要多练习。要不写这很难！-7-第 3 页 共 3 页