《Web应用开发技术》实验报告（JSP实验）.docx

《Web应用开发技术》实验报告 PAGE 8 实验一 简易计算器 实验目的 学习了HTML、CSS、JavaScript相关知识， 要求会编写简单HTML网页， 会使用常用CSS样式， 会编写简单的JavaScript程序。 实验内容 简易计算器：使用JavaScript实现简易计算器（如图），输入两个数字点击加减乘除按钮，将计算结果显示出来。要求验证输入数字合法性。 实验过程 %@ page language=java contentType=text/html; charset=GBK pageEncoding=GBK% !DOCTYPE html PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN /TR/html4/loose.dtd html head meta http-equiv=Content-Type content=text/html; charset=ISO-8859-1 titleInsert title here/title /head body form action= p第一个数；input id=a/p p第二个数；input id=b/p Pbutton onclick=return add()+/button button onclick=return subtract()-/button button onclick=return multiply()*/button button onclick=return divide()//button p计算结果：input id=c /form script type=text/javascript function add(){ var v1=document.getElementById(a).value; var v2=document.getElementById(b).value; document.getElementById(c).value=v1*1+v2*1; return false; } function subtract(){ var v1=document.getElementById(a).value; var v2=document.getElementById(b).value; document.getElementById(c).value=v1*1-v2*1; return false; } function multiply(){ var v1=document.getElementById(a).value; var v2=document.getElementById(b).value; document.getElementById(c).value=v1*1*v2*1; return false; } function divide(){ var v1=document.getElementById(a).value; var v2=document.getElementById(b).value; document.getElementById(c).value=v1*1/v2*1; return false; }/script /body /html 结论 本次实验我学习了HTML、CSS、JavaScript相关知识，会编写简单HTML网页，会使用常用CSS样式，也会编写简单的JavaScript程序，使我学到了很多东西，期待下一次实验。 实验二 登陆练习 实验目的 了解JSP页面包括：HTML标记、JSP注释、Java脚本、JSP标记 了解Java脚本包括：Java程序片、JSP成员变量方法、Java表达式 了解JSP标记包括：指令标记(page,include)、动作标记(include,forward,param) 实验内容 登陆练习：假定用户名密码非空，则使用jsp:forward动作标记跳转到succes.jsp页面，否则跳转到login.jsp页面。4个页面是登陆页面login.jsp、登陆判断页面check.jsp、登陆成功页面succes.jsp、登陆状态显示页面top.jsp，在login.jsp和succes.jsp页面使用jsp:include动作标记嵌入top.jsp。运行效果如下图： 实验过程 login.jsp: %@ page language=java contentType=text/html; charset=GBK pageEncoding=GBK% !DOCTYPE html PUBLIC -//W3C//DTD