实验一web客户端编程1

《实验一web客户端编程1》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、网络11・2班3110757214陈宇鹏实验一Web客户端编程一、实验目的及要求使用HTML超文本标记语言制作简单页面，要求通过实验能够掌握HTML文件的基本结构和文档的创建、编辑及保存。验证并掌握HTML超文本标记语言的文本、图像、超链接、表格、表单等标记的使用。通过实验掌握层叠样式表CSS的创建及应用，掌握在网页屮插入层叠样式表CSS的常用方法，掌握层叠样式表CSS的主要基本属性的使用。通过实验了解JavaScript的编程规范及基木语法，能够分析JavaScript程序的功能，可以在网页制作屮使用JavaScript程序。通过实验了解Ajax

2、的编程方法，掌握Ajax编程技巧。二、实验内容及步骤1)请参考教材的第2-4章内容，认真阅读分发的源代码，并根据教材上的提示，完成源代码中没有实现的功能。2)开发一个用户注册界而，要求：用户名基于Ajax检测是否重复，年龄需用JavaScript检查格式是否正确。三、实验过程及结果1.编写用于显示的jsp页而，代码如下咳咳注册会员

3、=ncenter”>vtd〉用户名^5^确认密码

4、ord”id=nrepassword11onblur=11checkpassword()11/>显示的页面如下：性别:年熟地E：手机寻欢迎注册神盾局会员2•编写Ajax用于判断用户名是否存

5、在functioncheckuser(){varuname=document.getElementById(nusernameH).value;if(uname==””){alert(n用户名能为空”);document•getElementByld(Husernamen)•focus();return;}varhttp;if(window.XMLHttpRequest)http=newXMLHttpRequest();elsehttp=newActiveXObject「Microsoft•XMLHTTPn);http.onreadystatech

6、ange=function(){if(http.readyState==4&&http.stutus==200)(varstr=http.responseText;if(str=="success”){document.getElementById(*'info*').innerHTML='*JIJ户名不可用“；document•getElementByld(Musername,f).focus();}elsedocument.getElementByld(*'info*').innerHTML='*JIJ户名可用";}}url=ncheck?us

7、ername=H+uname;http•open(nGETnfurl,true);http•send();3.编写javascript分别判断两次输入密码是否正确functioncheckpassword(){varvarpassword=document.getElementByld("password”).value;repassworddocument•getElementById(,frepassword11).value;if(password==nn){alert(n请输入密码”);document•getElementById("pa

8、ssword”)•focus();return;}if(password!=repassword){alert(”输入的密