实验一：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; }