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()函数将字符串转变成浮点数htmlheadtitle客户端表单简单验证/titlescriptlanguage=javascriptfunctioncheckForm(){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.length6||p.length10){alert(密码长度不符合!长度在6-10之间)document.myForm.pwd.focus();returnfalse;}varxb=document.myForm.gender;varflag=false;for(vari=0;ixb.length;i++){if(xb[i].checked){flag=true;}}if(!flag){alert(请选择性别！);returnfalse;}}/script/headbodyformaction=1.htmlname=myFormonsubmit=returncheckForm();tabletrtd用户名：/tdtdinputtype=textname=userName//td/trtrtd密码:/tdtdinputtype=passwordname=pwd//td/trtrtd性别：/tdtdinputtype=radioname=gendervalue=male/男  inputtype=radioname=gendervalue=female/女/td/trtrtdcolspan=2align=centerinputtype=submitvalue=提交//td/tr/table/form/body/htmlonsubmit=returncheckForm()提交表单的时候先执行checkForm();这个方法,如果这个方法返回的是false则将不提交表单htmlheadtitle计算器/titlescriptlanguage=javascriptfunctionjisuan(){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;}/script/headbodyformname=myFormtabletrtd第一个操作数：/tdtdinputtype=textname=Number1//td/trtrtd第二个操作数:/tdtdinputtype=textname=Number2//td/trtrtd请选择操作/tdbr/tdinputtype=radioname=caozuovalue=jia/+  inputtype=radioname=caozuovalue=jian/-  inputtype=radioname=caozuovalue=cheng/*  inputtype=radioname=caozuovalue=chu///td/trtrtdalign=centerinputtype=buttonvalue==onclick=jisuan()//td/trtrtd结果是:/tdtdinputtype=textname=jieguo//td/tr/table/form/body/htmlJSP基本语法训练一、实验目的：编写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-001Web开发范月华清华出版社25新书编辑删除ISBN-001Web开发范月华清华出版社25新书编辑删除ISBN-001Web开发范月华清华出版社25新书编辑删除ISBN-001Web开发范月华清华出版社25新书编辑删除ISBN-001Web开发范月华清华出版社25新书编辑删除4.教材P154例7.4，out.println输出形式改成模板文本输出和JSP表达式输出两种形式，并观察该JSP页面所生成Servlet，解释页面内容在Servlet中的对应角色；5.调试运行程序；Num1%@pagelanguage=javaimport=java.util.*pageEncoding=utf-8%%Stringpath=request.getContextPath();StringbasePath=request.getScheme()+://+request.getServerName()+:+request.getServerPort()+path+/;%!DOCTYPEHTMLPUBLIC-//W3C//DTDHTML4.01Transitional//ENhtmlheadbasehref=%=basePath%titleMyJSP'Num1.jsp'startingpage/titlemetahttp-equiv=pragmacontent=no-cachemetahttp-equiv=cache-controlcontent=no-cachemetahttp-equiv=expirescontent=0metahttp-equiv=keywordscontent=keyword1,keyword2,keyword3metahttp-equiv=descriptioncontent=Thisismypage!--linkrel=stylesheettype=text/csshref=styles.css--/headbodyHellojsp!br/%out.println(Hellojsp!);%br/%=hellojsp!%/body/htmlNum2%@pagelanguage=javaimport=java.util.*pageEncoding=utf-8%%Stringpath=request.getContextPath();StringbasePath=request.getScheme()+://+request.getServerName()+:+request.getServerPort()+path+/;%!DOCTYPEHTMLPUBLIC-//W3C//DTDHTML4.01Transitional//ENhtmlheadbasehref=%=basePath%titleMyJSP'Num2.jsp'startingpage/titlemetahttp-equiv=pragmacontent=no-cachemetahttp-equiv=cache-controlcontent=no-cachemetahttp-equiv=expirescontent=0metahttp-equiv=keywordscontent=keyword1,keyword2,keyword3metahttp-equiv=descriptioncontent=Thisismypage!--linkrel=stylesheettype=text/csshref=styles.css--/headbodytableborder=2width=100%height=80%align=centertralign=centertd书号/tdtd书名/tdtd作者/tdtd出版社/tdtd价格/tdtd类别/tdtd操作/td/tr%for(inti=1;i6;i++){%tralign=centertdISBN-001/tdtdWeb开发/tdtd范月华/tdtd清华出版社/tdtd25/tdtd新书/tdtdahref=#编辑/a ahref=#删除/a/td/tr%}%/table/body/htmlNum3%@pagelanguage=javaimport=java.util.*pageEncoding=utf-8%%Stringpath=request.getContextPath();StringbasePath=request.getScheme()+://+request.getServerName