实验1：JSP动态网页基础（Html + CSS + JavaScript）实验

                  

实验源代码地址：实验1JSP动态网页基础（Html+CSS+JavaScript）实验源代码.rar-DNS文档类资源-CSDN下载

Java web应用技术实验报告

实验1：JSP动态网页基础（Html + CSS + JavaScript）实验

姓名：_   __　_   ___   ___   班级：_ _ _   ___　_   __　

学号：_   ____   ___   ___    成绩：_ _ _   __　         

一、实验目的：

1. 掌握HTML的基本语法以及HTML基本标签的写法
2. 掌握CSS定义与引用方法
3. 掌握JavaScript中相关概念、控制结构及函数的定义与使用方法
4. 理解并掌握事件发生时事件处理的三种方式

二、实验要求：

1. 掌握CSS、JavaScript的基本语法、内容及使用。
2. 编写程序完成以下实验内容，通过手工和Eclipse两种方式分别完成JSP文件的布署。
3. 上交实验报告电子文档（文档包含源程序，以班级、学号后两位、姓名依次出现组成的字符串标识文档如“计算机18-1班01冯晨月实验1”，以班级为单位上交）。

三、实验内容：

1、编写在浏览器上显示表格信息的网页文件，其运行效果如图1所示。

图1 实验题1效果图

2、编写在浏览器上展现表单信息的网页文件，其运行效果如图2所示。

图2 实验题2效果图

3、编写在浏览器上显示表格信息样式的网页文件，其运行效果如图3所示。

图3  实验题3效果图

4、编写在浏览器上展现页面编写的信息，并通过点击按钮进行事件触发效果展示的网页文件。

首先，其运行效果如图4所示。

图4 实验题4效果图1

然后点击删除按钮，效果如图5所示。

图5 实验题4效果图2

点击弹出框的取消按钮，页面不变；当点击确定按钮后，页面效果如图6所示。

图6 实验题4效果图3

然后再点击页面上的恢复按钮，页面效果如图7所示。

图7 实验题4效果图4

四、实验过程中遇到的问题及解决手段：

五、本次实验的体会（结论）：