WEB实验题目及代码.docx

WEB实验题目及代码.docx

《WEB实验题目及代码.docx》由会员分享，可在线阅读，更多相关《WEB实验题目及代码.docx（37页珍藏版）》请在冰豆网上搜索。

WEB实验题目及代码

JavaScript基础训练

一、实验目的：

编写JavaScript代码，熟悉并掌握JavaScript的基本语法、控制结构及函数，掌握JavaScript预定义对象、浏览器对象的使用

二、实验内容：

在MyEclipse环境下编写JavaScript代码，调入或嵌入HTML页面中。

三、实验要求：

1.熟悉并掌握JavaScript的基本语法、控制结构及函数；

2.掌握JavaScript预定义对象、浏览器对象的使用；

3.将JavaScript代码嵌入或调入HTML页面，并完成指定效果；

4.写出实验报告。

四、实验学时：

2学时

五、实验步骤：

1．进入MyEclipse环境，新建一个WebProject；

2.新建一个HTML网页，网页上有一个姓名输入框、密码输入框、性别单选按钮组和一个提交按钮，要求用户提交时检查姓名不能为空，密码长度在6到10位之间，性别项不能为空，如果不符合标准则不允许提交，并提示相应错误信息；

3.在完成P92第5题的基础上实现计算功能

【第3题注释：

】parseFloat（）函数将字符串转变成浮点数

functioncheckForm（）{

varusername=document.myForm.userName.value;

if（username==""）{

alert（"用户名不能为空!

"）

//调用表单元素对象的focus方法使得该表单元素对象重新获得输入焦点

document.myForm.userName.focus（）;

returnfalse;

}

varp=document.myForm.pwd.value;

if（p==""）{

alert（"密码不能为空!

"）

document.myForm.pwd.focus（）;

returnfalse;

}

if（p.length<6||p.length>10）

{alert（"密码长度不符合!

长度在6-10之间"）

document.myForm.pwd.focus（）;

returnfalse;

}

varxb=document.myForm.gender;

varflag=false;

for（vari=0;i

if（xb[i].checked）{

flag=true;

}

}

if（!

flag）{

alert（"请选择性别！

"）;

returnfalse;

}

}

onsubmit="returncheckForm（）提交表单的时候先执行checkForm（）;这个方法,如果这个方法返回的是false则将不提交表单

functionjisuan（）{

varNum;

varNum1=parseFloat（document.myForm.Number1.value）;

varNum2=parseFloat（document.myForm.Number2.value）;

varjs=document.myForm.caozuo;

if（js[0].checked）Num=Num1+Num2;

if（js[1].checked）Num=Num1-Num2;

if（js[2].checked）Num=Num1*Num2;

if（js[3].checked）Num=Num1/Num2;

document.myForm.jieguo.value=Num;

}

JSP基本语法训练

一、实验目的：

编写JSP代码，熟悉并掌握JSP的基本语法、控制结构、表达式、脚本段、JSP指令及JSP动作。

二、实验内容：

在MyEclipse环境下编写JSP代码，运用JSP的基本语法、控制结构、表达式、脚本段、JSP指令及JSP动作完成相应的功能，调试运行程序。

三、实验要求：

1.熟悉并掌握JSP的基本语法、控制结构、表达式、脚本段；

2.熟悉并掌握JSP的指令及JSP动作；

3.运用各项JSP技术完成规定功能；

4.写出实验报告。

四、实验学时：

2学时

五、实验步骤：

1．进入MyEclipse环境，新建一个WebProject；

2.新建一个JSP页面，该页面向浏览器输出一句”HelloJSP”，要求采用三种方式输出（模板文本输出/out.println方法输出/JSP表达式输出），并观察该JSP页面所生成Servlet，解释页面内容在Servlet中的对应角色；

3.新建JSP页面，显示一个如下表格，表格重复内容采用循环输出，并观察该JSP页面所生成Servlet，解释页面内容在Servlet中的对应角色；

书号

书名

作者

出版社

价格

类别

操作

ISBN-001

Web开发

范月华

清华出版社

25

新书

编辑删除

ISBN-001

Web开发

范月华

清华出版社

25

新书

编辑删除

ISBN-001

Web开发

范月华

清华出版社

25

新书

编辑删除

ISBN-001

Web开发

范月华

清华出版社

25

新书

编辑删除

ISBN-001

Web开发

范月华

清华出版社

25

新书

编辑删除

4.教材P154例7.4，out.println输出形式改成模板文本输出和JSP表达式输出两种形式，

并观察该JSP页面所生成Servlet，解释页面内容在Servlet中的对应角色；

5.调试运行程序；

Num1

<%@pagelanguage="java"import="java.util.*"pageEncoding="utf-8"%>

<%

Stringpath=request.getContextPath（）;

StringbasePath=request.getScheme（）+":

//"+request.getServerName（）+":

"+request.getServerPort（）+path+"/";

%>

DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">

">

--

-->

Hellojsp!

<%

out.println（"Hellojsp!

"）;

%>

<%="hellojsp!

"%>

Num2

<%@pagelanguage="java"import