1、JavaScript基础训练一、实验目的:编写JavaScript代码,熟悉并掌握JavaScript的基本语法、控制结构及函数,掌握JavaScript预定义对象、浏览器对象的使用二、实验内容:在MyEclipse环境下编写JavaScript代码,调入或嵌入HTML页面中。三、实验要求:1. 熟悉并掌握JavaScript的基本语法、控制结构及函数;2. 掌握JavaScript预定义对象、浏览器对象的使用;3. 将JavaScript代码嵌入或调入HTML页面,并完成指定效果;4. 写出实验报告。四、实验学时:2学时五、实验步骤:1进入MyEclipse环境,新建一个Web Projec
2、t;2. 新建一个HTML网页,网页上有一个姓名输入框、密码输入框、性别单选按钮组和一个提交按钮,要求用户提交时检查姓名不能为空,密码长度在6到10位之间,性别项不能为空,如果不符合标准则不允许提交,并提示相应错误信息;3.在完成P92第5题的基础上实现计算功能【第3题注释:】parseFloat()函数将字符串转变成浮点数 客户端表单简单验证 function checkForm()var username = document.myForm.userName.value;if(username=)alert(用户名不能为空!) /调用表单元素对象的focus方法使得该表单元素对象重新获得输
3、入焦点document.myForm.userName.focus();return false;var p=document.myForm.pwd.value; if(p=) alert(密码不能为空!) document.myForm.pwd.focus(); return false; if(p.length10) alert(密码长度不符合!长度在6-10之间) document.myForm.pwd.focus(); return false; var xb = document.myForm.gender;var flag = false;for(var i = 0; ixb.le
4、ngth;i+)if(xbi.checked)flag = true;if(!flag)alert(请选择性别!);return false; 用户名:密 码:性 别: 男 女 onsubmit=return checkForm()提交表单的时候先执行checkForm();这个方法,如果这个方法返回的是false则将不提交表单 计算器 function jisuan() var Num; var Num1=parseFloat(document.myForm.Number1.value); var Num2=parseFloat(document.myForm.Num
5、ber2.value); var js=document.myForm.caozuo; if(js0.checked) Num=Num1+Num2; if(js1.checked) Num=Num1-Num2; if(js2.checked) Num=Num1*Num2; if(js3.checked) Num=Num1/Num2; document.myForm.jieguo.value=Num; 第一个操作数:第二个操作数:请选择操作 + - * /结果是:JSP基本语法训练一、实验目的:编写JSP代码,熟悉并掌握JS
6、P的基本语法、控制结构、表达式、脚本段、JSP指令及JSP动作。二、实验内容:在MyEclipse环境下编写JSP代码,运用JSP的基本语法、控制结构、表达式、脚本段、JSP指令及JSP动作完成相应的功能,调试运行程序。三、实验要求:1. 熟悉并掌握JSP的基本语法、控制结构、表达式、脚本段;2. 熟悉并掌握JSP的指令及JSP动作;3. 运用各项JSP技术完成规定功能;4. 写出实验报告。四、实验学时:2学时五、实验步骤:1进入MyEclipse环境,新建一个Web Project;2. 新建一个JSP页面,该页面向浏览器输出一句”Hello JSP”,要求采用三种方式输出(模板文本输出/o
7、ut.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新书
8、编辑 删除4.教材P154 例7.4,out.println输出形式改成模板文本输出和JSP表达式输出两种形式,并观察该JSP页面所生成Servlet,解释页面内容在Servlet中的对应角色;5. 调试运行程序;Num1 base href= My JSP Num1.jsp starting page !- Hello jsp! Num2 base href= My JSP Num2.jsp starting page !- 书号书名作者 出版社价格类别操作 %for (int i=1;i ISBN-001Web开发范月华 清华出版社25新书 编辑  删除 Num3 base hre
9、f= My JSP Num3.jsp starting page !- =0&hours朋友们,早上好!=12&hours朋友们,中午好!朋友们,晚上好!Num4 base href= My JSP Num4.jsp starting page !- =0&hours=12&hoursJSP内置对象编程一、实验目的:编写JSP代码,熟悉并掌握常用JSP内置对象(request、response、out、session等)及Cookie的使用。二、实验内容:在MyEclipse环境下编写JSP代码,运用JSP的常用内置对象(request、response、out、session等)以及Cook
10、ie完成相应的功能,调试运行程序。三、实验要求:1. 熟悉并掌握JSP的常用内置对象及Cooke;2. 运用常用JSP内置对象及Cookie完成规定功能;3. 写出实验报告。四、实验学时:2学时五、实验步骤:1进入MyEclipse环境,导入之前的书店后台管理Web Project;2改造书籍添加页面,实现将书籍添加信息提交至一个JSP页面,在该JSP页面内读取请求参数信息,显示在一个表格中,第一列显示参数名,第二列显示参数值;3开发完成登陆页面login.html,实现将登陆信息提交至一个JSP页面,在该JSP页面读取用户名和密码并做简单判断,如果正确转向首页,并在首页顶部显示欢迎信息(今天
11、是XXXX年XX月XX日,欢迎XX),否则转向错误提示页面(提示重新登陆);4. 调试运行程序;六、选作实验完善登陆页面,实现记住用户名和密码的自动登陆功能 index.html 网上书店后台管理系统 书籍信息管理 其他模块管理 其他模块管理 其他模块管理 其他模块管理 其他模块管理 基本信息 书号 书名 作者出版社-请选择-中国人民大学出版社清华大学出版社高等学府出版社出版日期 价格库存位置 类别普通 新书 精品 备注: /table base href= My JSP 1.jsp starting page 书号 书名 作者 出版社 出版日期
12、价格 位置 类别 备注login.html 姓名 密码base href= My JSP 2.jsp starting page base href= My JSP 3.jsp starting page 今天是年月日,欢迎!还差点就成功了,继续 使用Date类代表指定的时间 Date d1 = new Date(2009-1900,3-1,9); System.out.println(d1);使用带参数的构造方法,可以构造指定日期的Date类对象,Date类中年份的参数应该是实际需要代表的年份减去1900,实际需要代表的月份减去1以后的值。例如上面的示例代码代表就是2009年3月9号。base href= My JSP 4.jsp starting page !-li