实验一：Web 客户端编程

**

实验目的：

**
使用HTML超文本标记语言制作简单页面，要求通过实验能够掌握HTML文件的基本结构和文档的创建、编辑及保存。
验证并掌握HTML超文本标记语言的文本、图像、超链接、表格、表单等标记的使用。
通过实验掌握层叠样式表CSS的创建及应用，掌握在网页中插入层叠样式表CSS的常用方法，掌握层叠样式表CSS的主要基本属性的使用。
通过实验了解JavaScript的编程规范及基本语法，能够分析JavaScript程序的功能，可以在网页制作中使用JavaScript程序。
**

实验内容：

**
(写出主要的内容)
1）使用frameset标签，以及搭配使用DIV+CSS，设计并布局一个简单的页面。

2）在其中的一个页面里面，开发一个用户注册界面，要求：使用JavaScript检查格式是否正确。
js主要部分：
//用户名验证
function checkname(){
var div = document.getElementById(“div1”);
div.innerHTML = “”;
var name1 = document.X.text1.value;
if (name1 == “”) {
div.innerHTML = “用户名不能为空！”;
document.X.text1.focus();
return false;
}
if (name1.length < 4 || name1.length > 16) {
div.innerHTML = “长度4-16个字符”;
document.X.text1.select();
return false;
}
return true;
}
//密码验证
function checkpassword(){
var div = document.getElementById(“div2”);
div.innerHTML = “”;
var password = document.X.text2.value;
if (password == “”) {
div.innerHTML = “密码不能为空”;
document.X.text2.focus();
return false;
}
if (password.length < 4 || password.length > 16) {
div.innerHTML = “密码长度为4-16位”;
document.X.text2.select();
return false;
}
return true;
}
function checkrepassword(){
var div = document.getElementById(“div3”);
div.innerHTML = “”;
var password = document.X.text2.value;
var repass = document.X.text3.value;
if (repass == “”) {
div.innerHTML = “密码不能为空”;
document.X.text3.focus();
return false;
}
if (password != repass) {
div.innerHTML = “密码不一致”;
document.X.text3.select();
return false;
}
return true;
}