web开发知识练习(HTML标签和JavaScript脚本)
HTML+CSS+JavaScript网页设计 习题答案
附录各章习题参考答案第1章习题参考答案1. 答：网页是一个包含HTML标签的纯文本文件，它可以存放在世界某个角落的某一台计算机中，是万维网中的一“页”，是超文本标记语言格式(标准通用标记语言的一个应用，文件扩展名为.html或.htm)。
网站(Website)是指在因特网上根据一定的规则，使用HTML等工具制作的用于展示特定内容相关网页的集合。
简单地说，网站是一种沟通工具，人们可以通过网站来发布自己想要公开的资讯，或者利用网站来提供相关的网络服务。
人们可以通过网页浏览器来访问网站，获取自己需要的资讯或者享受网络服务。
2. 静态网页动态网页。
3. 超文本标记语言(Hyper Text Markup Language)。
4. 答：静态网页的执行需要两步来完成：(1) 在客户端浏览器地址栏中输入静态网页的URL，向服务器发出HTTP请求。
(2) 服务器处理该HTTP请求，返回HTTP响应，将用户请求页面的所有代码及资源文件都返回给客户端，浏览器解释执行之后，将内容呈现给用户。
5. ASCII文本记事本6. 略。
7. 略。
第2章习题参考答案1. XHTML 1.02. XHTML XHTML 23. <!DOCTYPE>4. 语法规则ASCII文本 .dtd5. 答：HTML5主要包括如下功能：Canvas(2D和3D)、Channel消息传递、Cross-Document消息传送、Geolocation、MathML、Microdata、Server-Send Events、Scalable Vector Graphics(SVG)、WebSocket API及协议、Web Origin Concept、Web Storage、Web SQL Database、Web Workers、XMLHttpRequest Level 2。
6. 标签通常包含左尖括号、右尖括号以及二者间的字母和数字，如<title>，而元素则是指开标签、闭标签以及二者之间的任何内容。
网页开发基础习题及答案
第1章一、填空1.HTML中文译为____，主要作用是通过HTML标签对网页中的文本、图片、声音等内容进行描述。
2.表单主要由3部分组成，分别是表单控件、提示信息和____。
3.CSS中文译为____，用于控制网页样式并允许将样式信息与网页内容分离的一种标签性语言。
4.____是Web中一种功能强大的脚本语言，常用来为网页添加各式各样的动态功能，它不需要进行编译，直接嵌入在HTML页面中，就可以把静态的页面转变成支持用户交互并响应事件的动态页面。
5.<img/>标签表示一个图像信息，它有一个必须要指定的____属性，用来指定图片路径。
6.____是指将JavaScript代码写在一个单独的文件中，一般使用“js”作为文件的扩展名，在HTML文件中使用<script>标签进行引入JavaScript文件。
二、判断1.调用事件处理程序主要分为在JavaScript中调用和在HTML中调用两种。
2.链入式是使用频率最高，也最实用的CSS样式表，它将HTML代码与CSS代码分离为两个或多个文件，实现了结构和表现的完全分离。
3.在JavaScript中，函数名是不区分大小写的。
4.通过对<tr>标记应用属性，可以对表格中的某一个单元格进行控制。
5.在表格中，<td>标记用于定义单元格，且必须嵌套在<tr></tr>标记中。
三、选择1.网页程序设计中，运行下面的JavaScript代码，则对话框中将显示（）。
<script language="javascript">var x=3;var y=2;var z=(x+2)/y;alert(z);</script>A．2B．2.5C．5D．162.下面选项中，设置字号大小书写正确的是（）。
A．{ font-size: 24px; }B．{ font: 24px; }C．{ fontSize: 24px; }D．{ size: 24px; }3.下列选项中，不属于表单标记<form>常用属性的是（）。
web前端实操题
web前端实操题以下是一些关于Web前端开发的实操题，旨在帮助你加深对前端技术的理解与实践：创建一个简单的网页，包含以下内容：标题（使用<h1>标签）段落（使用<p>标签）一个链接（使用<a>标签）一个图像（使用<img>标签）为你的网页添加以下样式：标题颜色为蓝色，字体大小为24px段落颜色为黑色，字体大小为16px链接颜色为绿色，当鼠标悬停时变为橙色图像宽度为300px，高度自动调整实现一个表单，包含姓名、邮箱和密码字段，并使用JavaScript 进行表单验证。
要求如下：姓名和邮箱字段必须填写，密码字段可选邮箱字段必须包含“@”符号密码字段应包含至少8个字符（字母、数字或特殊字符）使用HTML5的Canvas API绘制一个简单的图形（例如圆形、矩形或三角形）。
在图形上添加一些基本的交互，例如鼠标悬停时改变颜色。
实现一个简单的图片轮播效果。
要求如下：使用HTML和CSS创建一个轮播区域，包含三张图片使用JavaScript控制图片的切换逻辑，并添加过渡效果当鼠标悬停在轮播区域上时，暂停自动切换创建一个简单的下拉菜单。
要求如下：使用HTML和CSS创建菜单结构使用JavaScript添加下拉和收起的功能实现一个简单的拖放功能。
要求如下：使用HTML和CSS创建一个可拖动的元素和一个放置区域使用JavaScript控制拖动逻辑和放置行为实现一个简单的轮播图组件。
要求如下：使用HTML和CSS创建轮播图组件的外观和布局使用JavaScript控制图片的切换逻辑，并添加过渡效果和指示器。
Web开发基础考试
Web开发基础考试（答案见尾页）一、选择题1. 在HTML中，用于插入链接的标签是：A. <a>link</a>B. <b>link</b>C. <c>link</c>D. <d>link</d>2. 在CSS中，用于设置字体大小的属性是：A. font-familyB. font-sizeC. font-weightD. font-style3. 在JavaScript中，用于获取当前日期的函数是：A. now()B. date()C. currentTime()D. today()4. 在网页设计中，常用的颜色绿、红、蓝对应的十六进制值分别是：A. #00FF00B. #FF0000C. #0000FFD. #FFFFFF5. 在HTTP协议中，用于请求资源的动词是：A. GETB. POSTC. PUTD. DELETE6. 在数据库中，用于定义关系型数据库中的表的SQL语句是：A. CREATE TABLEB. ALTER TABLEC. DROP TABLED. MODIFY TABLE7. 在网页中，用于播放视频的标签是：A. <video>B. <audio>C. <object>D. <span>8. 在CSS中，用于设置文本阴影的属性是：A. text-shadowB. shadow-textC. text-strokeD. stroke-text9. 在JavaScript中，用于操作DOM元素的函数是：A. createElement()B. createDocumentFragment()C. appendChild()D. removeChild()10. 在HTML中，用于创建新窗口的标签是：A. <newwindow>B. <openwindow>C. <closewindow>D. <maximizewindow>11. 在CSS中，用于设置字体颜色的属性是：A. font-colorB. colorC. text-colorD. font-style12. 在网页设计中，常用的响应式布局技术是：A. FlexboxB. CSS GridC. table表格D. float13. 在HTTP协议中，用于请求从服务器获取数据的动词是：A. GETB. POSTC. PUTD. DELETE14. 在数据库中，用于存储用户信息的表是：A. 用户表B. 数据表C. 结构表D. 关系表15. 在前端开发中，用于实现页面布局的CSS样式是：A. 内联样式B. 外部样式C. 结构化样式D. 功能性样式16. 在HTTP协议中，用于请求从服务器获取资源的方法是：A. GETB. POSTC. PUTD. DELETE17. 在数据库中，用于定义数据表结构的SQL语句是：A. CREATEB. ALTERC. DROPD. INSERT18. 在Web开发中，用于实现页面布局的框架技术是：A. HTMLB. CSSC. JavaScriptD. All of the above (ABC)19. 在前端开发中，用于检测用户键盘输入的事件是：A. onfocusB. onblurC. oninputD. onchange20. 在响应式网页设计中，用于设置网页布局的百分比单位是：A. pxB. emC. remD. vh21. 在Node.js中，用于处理HTTP请求的模块是：A. expressB. httpC. querystringD. fs22. 在Vue.js中，用于绑定数据与DOM元素的属性是：A. v-modelB. v-bindC. v-forD. v-if23. 什么是HTML？A. HTML是一种编程语言，用于创建网页结构。
网页代码练习题
网页代码练习题本文将为读者呈现一系列网页代码练习题，旨在提供对网页设计和开发的实践机会。
以下是一些简单但富有挑战性的练习题，适用于初学者和有一定基础的开发者。
练习一：创建一个基本网页在这个练习中，我们会创建一个简单的网页，包含标题和段落。
```html<!DOCTYPE html><html><head><title>My First Web Page</title></head><body><h1>欢迎来到我的第一个网页</h1><p>这是我的第一个段落。
</p></body></html>```练习二：插入图像在这个练习中，我们会向网页中插入一张图片。
```html<!DOCTYPE html><html><head><title>My Image Web Page</title></head><body><h1>我的照片</h1><img src="myphoto.jpg" alt="我的照片"></body></html>```练习三：创建一个导航菜单在这个练习中，我们会创建一个简单的导航菜单，使用户能够在网页之间轻松导航。
```html<!DOCTYPE html><html><head><title>My Navigation Web Page</title></head><body><h1>导航菜单</h1><nav><ul><li><a href="about.html">关于我</a></li><li><a href="portfolio.html">作品集</a></li><li><a href="contact.html">联系方式</a></li></ul></nav></body></html>```练习四：创建一个表单在这个练习中，我们会创建一个简单的表单，用于收集用户信息。
Web前端开发课件：HTML、CSS、JavaScript基础
2
以及Ajax优势。
学习创建、配置和使用
XMLHttpRequest对象来向服务器请
求数据和响应客户端。
3
响应处理
如何处理服务器的响应，以便更好地 交互和更快地更新页面
网站开发架构和区分前后端处理
开放式Web架构
详细解释开放式Web架构 的概念，包括数据存储和 传输，以及Web资源之间 的交互方式。
SEO基础（搜索引擎优化）
1
了解SEO
基础SEO知识,包括如何从搜做引擎的
搜索引擎优化
2
角度思考网站设计。
通过内容、元数据、链接和用户体验
来优化您的网站，以提高其排名。
3
其他优化技巧
一些其他优化技巧，例如通过社交媒 体和博客网站来引擎流量。
Web安全基础和防范措施
安全问题
所涉及的威胁以及可能感 到担忧的位置。
Web前端开发课件
本课程将涵盖HTML、CSS和JavaScript的基础知识，帮助您入门Web开发。 从基础语法开始，内容丰富、易于理解。
程序员入门指南
编程语言
选择一门适合你的编程语 言并针对该语言的知识进 行学习。
计算机基础
学习计算机基础，包括数 据结构、Байду номын сангаас法、操作系统 和网络基础知识。
实践项目
选择器和操作
使用jQuery选择器来操作 HTML元素，并使用方法来执 行更复杂的操作。
事件处理
jQuery的事件处理器可以进行 更简化你常规的事件处理。
Ajax基础知识、XMLHttpRequest对象的 使用
1
Ajax基础知识
了解什么是Ajax以及为什么要使用它，
XMLHttpRequest对象的使用
Web应用开发考试试题
Web应用开发考试试题一、选择题（每题 2 分，共 40 分）1、以下哪种语言通常用于 Web 应用的前端开发？（）A JavaB PythonC JavaScriptD C+＋2、在 HTML 中，用于定义超链接的标签是（）A ＜a>B ＜img>C ＜div>D ＜p>3、 CSS 中用于设置文本颜色的属性是（）A fontsizeB colorC backgroundcolorD border4、以下哪个不是常见的 Web 服务器？（）A ApacheB IISC NginxD MySQL5、在 JavaScript 中，以下哪种方法可以获取元素的样式属性值？（）A getAttribute(）B stylegetPropertyValue(）C getComputedStyle(）D setAttribute(）6、 HTTP 状态码 404 表示（）A 服务器内部错误B 成功C 未找到资源D 禁止访问7、以下哪种数据库常用于 Web 应用开发？（）A OracleB MongoDBC MySQLD 以上都是8、在 HTML5 中，用于绘制图形的元素是（）A ＜canvas>B ＜svg>C ＜figure>D ＜map>9、以下哪种框架常用于 Web 前端开发？（）A VuejsB DjangoC SpringD Ruby on Rails10、在 CSS 中，用于设置元素浮动的属性是（）A floatB clearC positionD display11、以下哪种方式可以实现 Web 页面的动态效果？（）A AjaxB JavaScriptC CSS 动画D 以上都是12、以下哪个不是 Web 应用的安全威胁？（）A SQL 注入B XSS 攻击C 缓冲区溢出D CSRF 攻击13、在 JavaScript 中，以下哪种数据类型可以存储多个值？（）A NumberB StringC ArrayD Object14、 HTTP 协议的默认端口是（）A 80B 8080C 443D 330615、以下哪种工具常用于 Web 开发的版本控制？（）A GitB SVNC MercurialD 以上都是16、在 CSS 中，用于设置元素背景图像的属性是（）A backgroundimageB backgroundcolorC backgroundrepeatD backgroundposition17、以下哪种技术可以实现 Web 应用的前后端分离？（）A RESTful APIB SOAPC RPCD CORBA18、在JavaScript 中，以下哪种方法可以创建一个新的对象？（）A Objectcreate(）B new Object(）C ｛｝D 以上都是19、以下哪个不是 Web 应用性能优化的方法？（）A 压缩资源文件B 减少 HTTP 请求C 使用大型图片D 缓存数据20、在 HTML 中，用于输入文本的表单元素是（）A ＜input type=＂text"＞B ＜input type=＂password"＞C ＜textarea>D 以上都是二、填空题（每题 2 分，共 20 分）1、 HTML 中，｀＜h1>｀到`＜h6>｀标签用于定义不同级别的_____。
Web开发基础考试
Web开发基础考试（答案见尾页）一、选择题1. 在HTML中，用于插入链接的标签是：A. <a> </a>B. <link> </link>C. <meta> </meta>D. <body> </body>2. 在CSS中，用于设置文本样式和颜色的属性是：A. font-familyB. colorC. background-colorD. all3. 在JavaScript中，用于操作DOM元素的方法是：A. createElementB. createDocumentFragmentC. appendChildD. removeChild4. 响应式布局的目的是什么？A. 使网站在所有设备上都能正常显示B. 提高网站的加载速度C. 增加网站的交互性D. 以上都是5. 在HTTP协议中，用于请求资源的动词是：A. GETB. POSTC. PUTD. DELETE6. 在数据库中，用于存储用户信息的表是：A. 用户表B. 数据表C. 结构表D. 关系表7. 在RESTful API设计中，常用的HTTP状态码有哪些？A. 200 OKB. 404 Not FoundC. 500 Internal Server ErrorD. 401 Unauthorized8. 在前端开发中，用于实现页面布局的布局技术包括：A. CSSB. JavaScriptC. HTMLD. A和B9. 在后端开发中，用于处理客户端请求的程序语言有：A. PythonB. JavaC. JavaScriptD. A和B10. 在Web开发中，用于验证用户输入数据的验证技术包括：A. 正则表达式B. 安全性检查C. 数据清理D. A和B11. 在HTML中，用于插入链接的标签是：A. <a>link</a>B. <link>href</link>C. <a>href</a>D. <link>link</link>12. 在CSS中，用于设置文本样式的属性是：A. font-familyB. font-sizeC. colorD. all13. 在JavaScript中，用于操作DOM元素的函数是：A. createElementB. createDocumentFragmentC. appendChildD. removeChild14. 在HTTP协议中，用于请求资源的HTTP方法有：A. GETB. POSTC. PUTD. DELETE15. 在HTTPS中，用于加密通信的协议是：A. SSLB. TLSC. HTTPD. HTTPS16. 在数据库中，用于存储用户信息的表是：A. 用户表B. 数据表C. 记录表D. 结构表17. 在Web应用开发中，用于处理用户提交的表单数据的处理层是：A. 展示层B. 应用层C. 业务逻辑层D. 数据访问层18. 在RESTful API设计中，常用的HTTP状态码有：A. 200 OKB. 404 Not FoundC. 500 Internal Server ErrorD. 401 Unauthorized19. 在前端开发中，用于实现页面布局的布局技术包括：A. CSSB. HTMLC. JavaScriptD. jQuery20. 在后端开发中，用于处理服务器端逻辑的编程语言包括：A. PythonB. JavaC. PHPD. Node.js21. 在HTML中，用于插入链接的标签是？A. <a> </a>B. <link> </link>C. <meta> </meta>D. <body> </body>22. 在CSS中，用于设置字体大小的属性是？A. font-familyB. font-sizeC. font-weightD. font-style23. 在JavaScript中，用于操作DOM元素的函数是？A. createElementB. createDocumentFragmentC. appendChildD. removeChild24. 在HTTP协议中，用于表示请求方法的字段是？A. Content-TypeB. Cache-ControlC. AcceptD. Method25. 在RESTful API设计中，常用的HTTP方法有？A. GETB. POSTC. PUTD. DELETE26. 在数据库中，用于存储用户信息的表是？A. 用户表B. 数据表C. 结构表D. 关系表27. 在前端开发中，用于实现页面布局的布局标签是？A. <header> </header>B. <footer> </footer>C. <section> </section>D. <aside> </aside>28. 在Vue.js中，用于监听数据变化的属性是？A. dataB. propsC. computed29. 在Webpack中，用于打包和优化的工具是？A. GulpB. GruntC. WebpackD. npm30. 在Node.js中，用于处理HTTP请求的模块是？A. expressB. httpC. pathD. fs31. 在HTML中，用于插入链接的标签是：A. <a>B. <link>C. <meta>D. <body>32. 在CSS中，用于设置文本样式的属性是：A. font-familyB. hrefC. widthD. class33. 在JavaScript中，用于操作DOM元素的函数是：A. createElementB. getElementByIdC. setTimeoutD. querySelector34. 在HTTP协议中，用于传输数据的协议是：A. HTTPSB. HTTPD. FTP35. 在数据库中，用于存储用户信息的表是：A. 注册表B. 数据表C. 索引表D. 配置表36. 在RESTful API设计中，常用的HTTP方法有：A. GETB. POSTC. PUTD. DELETE37. 在HTML中，用于创建动画效果的标签是：A. <animate>B. <animation>C. <effect>D. <transition>38. 在Web应用开发中，用于处理用户输入的表单元素是：A. <input>B. <button>C. <form>D. <label>39. 在CSS中，用于设置页面背景颜色的属性是：A. background-colorB. background-imageC. background-repeatD. background-size40. 在JavaScript中，用于实现事件绑定的方法是：A. addEventListenerB. attachEventC. bindD. delegate二、问答题1. 什么是HTML？请简要描述其功能和用途。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
网上客服培训考核－－－阶段二HTML标签和JavaScript脚本试题类型：HTML标签和JavaScript脚本考核类型：开卷1. HTML（Hypertext Markup Language超文本标记语言）是一种用来制作超文本文档的简单标记语言。
利用各种标记（tags）来标识文档的结构以及标识超链（Hyperlink）的信息2.HTML的标记总是封装在由 < 和 > 构成的一对尖括号之中。
除少数几个转义序列之外，HTML标记忽略大小写，即<title>等价于<TITLE>3. <html> 标记用于Html文档的最前边，用来标识Html文档的开始。
而</html>标记恰恰相反，它放在Html文档的最后边，用来标识Html文档的结束。
所有其它HTML标记和文档内容都包含在这对标记之间。
4.<head> 与 </head> 之间的头部信息通常含有 <title> 标记，用来确定HTML文件的标题，即显示在浏览器左上角标题栏处的文字。
5. <head></head> 构成Html文档的开头部分，此标记对之间包含的是HTML文档的头信息，如标题、说明内容等等，其中可包括<title></title>、<script></script>等标记对6. <body></body> 之间的内容是HTML文档的主体部分，在此标记对之间可包含<p>、</p>、<h1>、</h1>、<br>、<hr>等众多的标记它们所定义的文本、图像等将会在浏览器的框内显示出来，标记中还可以有很多属性，以下是主要的几种设置背景颜色bgcolor =”颜色码”，设置文本颜色 text = “颜色码”，设置链接颜色 link = “颜色码”，设置已使用的链接的颜色 vlink = “颜色码”，设置正在被击中的链接的颜色 alink = “颜色码”。
7. <title></title> 之间的内容是HTML文档的标题，标题的显示位置不是浏览器的文本区，而是在Web浏览器窗口最左上方的蓝色标题栏里。
8.标记对是用来创建一个段落（Paragraph），在此标记对之间加入的文本将按照段落的格式显示在浏览器上。
另外，标记还可以使用align属性，它用来说明对齐方式9. <p></p> 是典型的单标记，使用也很简单，它的功能是用来创建一个回车换行10. <div></div> 标志对用来排版大块Html段落，也用于格式化表，此标志对的用法与<p></p>标志对非常相似，同样有align对齐方式属性。
11. <pre></pre> 标记用于显示预格式化文本（Preformatted Text），在这对标记之间的文本，与其他HTML文本的格式编辑方式不同12.Html语言提供了一系列对文本中的标题进行操作的标记对：<h1></h6> ……<h6></h6>，一共有六对标题的标记对13.<b></b>用来使文本以粗体效果的形式输出；14.<i></i>用来使文本以斜体效果的形式输出；15.<u></u>用来使文本以带下划线的形式输出。
16.<strong></strong>则用来输出加重语气文本(通常也是斜体加黑体)。
17. <font></font> 是一对很有用的标记对，它可以对输出文本的字体大小、颜色进行随意地改变，这些改变主要是通过对它的两个属性 size 和 color 的控制来实现的。
size属性用来改变字体的大小，取值范围从1到7；而color属性则用来改变文本的颜色18. <img> 是单标记，它通过src属性指定当前位置要插入的图像文件,标记还有alt、align、border、width和height属性19. <hr> 标记是在Html文档中加入一条水平线，也是单标记，可以直接使用，具有size、color、width和noshade属性。
21.<tr></tr>标记对用来创建表格中的行。
此标记对只能放在<table></table>标记对之间使用<td></td>标记对用来创建表格中一行中的列22.<a href=""></a>标记对的属性 href 是不可缺少的，标记对之间加入需要链接的文本或图像(链接图像即加入<img src="">标记)。
href的值可以是URL形式，即网址或相对路径，也可以是绝对路径形式形式，即发送E-Mail形式。
23. <form></form> 标记对用来创建一个表单，即定义表单的开始和结束位置，在标记对之间的一切都属于表单的内容。
<form>标记具有action、method和target属性24.< input >标记用来定义一个用户输入区，用户可在其中输入信息。
此标记必须放在<form></form>标记对之间。
标记中共提供了八种类型的输入区域，具体是哪一种类型由type属性来决定。
25.< select >标记对用来创建一个下拉列表框或可以复选的列表框。
此标记对用于<form></form>标记对之间。
<select>具有multiple、name和size属性。
multiple属性不用赋值，直接加入标记中即可使用，加入了此属性后列表框就成了可多选的形式；26.< option >标记用来指定列表框中的一个选项，它放在<select></select>标记对之间。
此标记具有selected和value属性，selected用来指定默认的选项，value属性用来给<option>指定的那一个选项赋值27.< textarea >用来创建一个可以输入多行的文本框，此标记对用于<form></form>标记对之间。
具有name、cols和rows属性。
cols和rows属性分别用来设置文本框的列数和行数，这里列与行是以字符数为单位的28."<"的转义序列是" < "29.">"的转义序列是" > "30."&"的转义序列是" & "转义序列以"&"符号开头，以";"结尾。
31.JavaScript是一种基于对象和事件驱动并具有安全性能的脚本语言。
32.通过标识 <script> 指明JavaScript脚本源代码将放入其间。
33.通过属性Language =" javascript "说明标识中是使用的何种语言，这里是JavaScript语言,表示在JavaScript中使用的语言。
34.编写javascript程序片段用javascript提交一个接收用户名，用户密码，验证码的输入表单，提交表单前，校验用户名的规范性（按手机号校验，不能为空），用户密码的规范性（按6位数字密码校验，不能为空），和验证码的规范性（按四位验证码校验，不能为空）。
信息数据不规范时，友善提示用户。
页面表单：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title> 表单验证 </title><script src="validate.js"></script></head><body><form name="form" method="post" action="">用户名：<input type="Text" name="userName" value="请输入手机号" onfocus="cls(this)" /><span id="nameSpan" style="color: red"></span><br> 密码：<input type="Password" name="password" id="pw" value="" onfocus="cls(this)"/><span id="pwdSpan" style="color: red"></span><br> 验证码：<input type="Text" name="validateCode" value="" size="4" onfocus="cls(this)"/><span id="codeSpan" style="color: red"></span> <br /><input type="button" value="提交"onclick="validate_check()"/></form></body></html>以下是validagte.js文件：function cls(obj){obj.value = "";//alert(obj);}function validate_check(){var sMobile = erName.value;//alert(sMobile);if(sMobile=="" || sMobile == null){document.getElementById('nameSpan').innerHTML = "用户名不能为空！";return false;}if(!(/^1[3|5|8][0-9]\d{4,8}$/.test(sMobile))){//alert("您输入的不是合法的手机号，请重新输入");document.getElementById('nameSpan').innerHTML = "您输入的不是合法的手机号，请重新输入！";erName.focus();return false;}var psw = document.form.password.value;//alert(psw);if(psw=="" || psw == null){//alert("密码不能为空");document.getElementById('pwdSpan').innerHTML = "密码不能为空！";return false;}if(!(/^([0-9]){6}$/.test(psw))){//alert("密码不合法")document.getElementById('pwdSpan').innerHTML = "请输入六位密码！";document.form.password.focus();return false;}var vcode = document.form.validateCode.value;//alert(vcode);if(vcode=="" || vcode == null){document.getElementById('codeSpan').innerHTML = "验证码不能为空！";return false;}if(!(/^([a-z]|[A-Z]|[0-9]){4}$/.test(vcode))){document.getElementById('codeSpan').innerHTML = "请输入四位的验证码！";return false;}document.Forms[0].submit();}。