预览加载中,请您耐心等待几秒...
1/10
2/10
3/10
4/10
5/10
6/10
7/10
8/10
9/10
10/10

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

如果您无法下载资料,请参考说明:

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

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

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

(精品word)WEB实验题目及代码 (精品word)WEB实验题目及代码 (精品word)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()函数将字符串转变成浮点数 〈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=par