预览加载中，请您耐心等待几秒...

(完整版)WEB实验题目及代码.doc

预览
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"/>男&nbsp;&nbsp; <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=parseFl