一、实验目的1、利用JavaScript完成一些基本的逻辑程序设计，掌握JavaScript的基本语法二、实验过程1、源程序<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitio nal.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>Cyoung 的窝_注册</title><style type="text/css"><!--.STYLE1 {font-size: 18px;font-family: "宋体";color: #666666;}#Layer1 {position:absolute;width:984px;height:606px;z-index:1;left: 71px;top: 200px;}#Layer2 {position:absolute;width:983px;height:618px;z-index:1;left: 1px;top: -2px;}.STYLE2 {color: #FFFFFF}body {background-color: #EEEEEE;}.STYLE3 {font-family: "幼圆";color: #9900FF; }--></style></head><div align="center"><table width="980" border="0"><tr><td width="315" rowspan="2"><a href="cy_index.php"><img src="img/img016.gif" width="299" height="86" border="0" /></a></td> <td width="649" height="50"><div align="right"><span class="STYLE1">designed by Cyoung </span></div></td></tr><tr><td height="46"><div align="right"><span class="STYLE1">No.20081307014home@nuist</span></div></td></tr></table><hr /></div><div id="Layer1"><div align="center"><img src="img/img018.gif" width="984" height="615" align="absmiddle" /> </div><div id="Layer2"><p align="center"> </p><p align="center"> </p><p align="center"> </p><div align="center"><form id="myform" name="myform" method="post" action="cy_index.php"><table width="498" height="347" border="0"> <tr><td height="34" class="STYLE3">用户名</td><td><label><input type="text" name="user" id="user" /></label><span class="STYLE2"> </span></td></tr><tr><td height="34" class="STYLE3">密码</td><td><label><input type="password" name="pwd" id="pwd" /></label><spanclass="STYLE2"></span></td></tr><tr><td height="34" class="STYLE3">密码确认</td><td><label><input type="password" name="pwd2" /></label><spanclass="STYLE2"></span></td></tr><tr><td height="34" class="STYLE3">性别</td><td><label><input type="radio" name="radiobutton" value="男" checked />男</label><label><input type="radio" name="radiobutton" value="女" />女</label> </td></tr><tr><td height="34" class="STYLE3">学历</td><td><label><select name="select"><option value="初中">初中</option><option value="高中">高中</option><option value="专科">专科</option><option value="本科" selected>本科</option><option value="研究生">研究生</option><option value="博士生">博士生</option></select></label> </td></tr><tr><td height="34" class="STYLE3">爱好</td><td><label><input type="checkbox" name="checkbox" value="checkbox" />电脑</label><label><input type="checkbox" name="checkbox2" value="checkbox" />音乐</label><label><input type="checkbox" name="checkbox3" value="checkbox" /> 旅游</label><label><input type="checkbox" name="checkbox4" value="checkbox" />其他</label> </td></tr><tr><td height="34" class="STYLE3">个人头像</td><td><label><input type="file" name="file" /></label> </td></tr><tr><td height="51" colspan="2"><span class="STYLE2"></span><span class="STYLE2"></span><label><div align="center"><input type="submit" name="Submit" onClick="return mycheck();" value="注册"/></div></label></td></tr></table></form><script language="javascript">function mycheck(){if(er.value=" "){alert("用户名不能为空！！");er.focus();return false;}if(myform.pwd.value=" "){alert("密码不能为空！！");myform.pwd.focus();return false;}}</script></div></div></div></body></html>2、效果图。