(精品word)WEB实验题目及代码-豆柴文库

您所在位置：网站首页 / (精品word)WEB实验题目及代码.doc / 文档详情

免费试读已结束，剩余 22 页请下载文档后查看

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