WEB实验题目及代码-豆柴文库

WEB实验题目及代码.doc

2024-05-04

3金币

2MB

28页

和蔼****娘子

实名认证

内容提供者

1/10

2/10

3/10

4/10

5/10

6/10

7/10

8/10

9/10

10/10

亲，该文档总共28页，到这已经超出免费预览范围，如果喜欢就直接下载吧～

下载提示文本预览

如果您无法下载资料，请参考说明：

1、部分资料下载需要金币，请确保您的账户上有足够的金币

2、已购买过的文档，再次下载不重复扣费

3、资料包下载后请先用软件解压，在使用对应软件打开

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()函数将字符串转变成浮点数<html><head><title>客户端表单简单验证</title><scriptlanguage="javascript">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<xb.length;i++){if(xb[i].checked){flag=true;}}if(!flag){alert("请选择性别！");returnfalse;}}</script></head><body><formaction="1.html"name="myForm"onsubmit="returncheckForm();"><table><tr><td>用户名：</td><td><inputtype="text"name="userName"/></td></tr><tr><td>密码:</td><td><inputtype="password"name="pwd"/></td></tr><tr><td>性别：</td><td><inputtype="radio"name="gender"value="male"/>男  <inputtype="radio"name="gender"value="female"/>女</td></tr><tr><tdcolspan="2"align="center"><inputtype="submit"value="提交"/></td></tr></table></form></body></html>onsubmit="returncheckForm()提交表单的时候先执行checkForm();这个方法,如果这个方法返回的是false则将不提交表单<html><head><title>计算器</title><scriptlanguage="javascript">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;}</script></head><body><formname="myForm"><table><tr><td>第一个操