欢迎来到天天文库
浏览记录
ID：61514263
大小：794.50 KB
页数：6页
时间：2021-02-09
《实验一 Web客户端编程.doc》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。
1、网络11-2班陈宇鹏实验一Web客户端编程一、实验目的及要求使用HTML超文本标记语言制作简单页面，要求通过实验能够掌握HTML文件的基本结构和文档的创建、编辑及保存。验证并掌握HTML超文本标记语言的文本、图像、超链接、表格、表单等标记的使用。通过实验掌握层叠样式表CSS的创建及应用，掌握在网页中插入层叠样式表CSS的常用方法，掌握层叠样式表CSS的主要基本属性的使用。通过实验了解JavaScript的编程规范及基本语法，能够分析JavaScript程序的功能，可以在网页制作中使用JavaScrip
2、t程序。通过实验了解Ajax的编程方法，掌握Ajax编程技巧。二、实验内容及步骤1）请参考教材的第2-4章内容，认真阅读分发的源代码，并根据教材上的提示，完成源代码中没有实现的功能。2）开发一个用户注册界面，要求：用户名基于Ajax检测是否重复，年龄需用JavaScript检查格式是否正确。三、实验过程及结果1.编写用于显示的jsp页面，代码如下咳咳注册会员3、ormname="form1"action="">用户名密码<4、tr>确认密码年龄5、显示的页面如下：2.编写Ajax用于判断用户名是否存在functioncheckuser(){varuname=document.getElementById("username").value;if(uname==""){alert("用户名能为空");document.getElementById("username").focus();return;}varhttp;if(window.XMLHttpRequest)http=newXMLHttp
3、ormname="form1"action="">用户名密码<
4、tr>
5、
6、Request();elsehttp=newActiveXObject("Microsoft.XMLHTTP");http.onreadystatechange=function(){if(http.readyState==4&&http.status==200){varstr=http.responseText;if(str=="success"){document.getElementById("info").innerHTML="用户名不可用";document.getElementById("
7、username").focus();}elsedocument.getElementById("info").innerHTML="用户名可用";}}url="check?username="+uname;http.open("GET",url,true);http.send();}3.编写javascript分别判断两次输入密码是否正确functioncheckpassword(){varpassword=document.getElementById("password").value;varr
8、epassword=document.getElementById("repassword").value;if(password==""){alert("请输入密码");document.getElementById("password").focus();return;}if(password!=repassword){alert("输入的密码不一致，请重新输入");document.getElementById("password").focus(
此文档下载收益归作者所有
