国开电大 《JavaScript程序设计》 形考实训1-8【答案】（版本1）

如有任何需求疑问能够增加客服微信3326650399（ ）（ ）

实训一：设计系统主页

1. 标题

设计系统主页。

2. 意图

（ ）了解Web前端项目开发环境。

（ ）把握怎么树立Web前端项目，学会规划项目结构。

（ ）把握动态生成页面内容的方法。

（ ）了解怎么运用Flash显现图像新闻。

（ ）会在应用系统中编写播映动态新闻的程序。

3. 内容

树立项目结构，并设计一个系统的主页，在主页中嵌入Flash播映新闻。

4. 要求

（ ）树立Web前端项目，规划好程序结构。

（ ）运用document.write()方法生成播映Flash的JavaScript代码。

（ ）能够便利地增减播映的图像新闻数量。

（ ）单击图像时可以翻开对应的新闻页面。

实训二：显现数据列表

1. 标题

显现数据列表。

2. 意图

（ ）把握流程操控句子的运用。

（ ）把握函数的运用。

（ ）了解闭包的概念。

（ ）应会设计根本的应用程序。

3. 内容

在所设计的项目中，完成显现数据列表。数据以表格的方法显现，不一样的行显现不一样的色彩。当单击每行数据的标题时，将会弹出窗口，显现具体信息。

4. 要求

（ ）数据寄存在数组中，用程序完成数据显现。

（ ）以闭包的方法界说东西，窗口函数封装在东西中。

（ ）经过循环生成数据行，用条件判别完成不一样行显现不一样的色彩。

实训三：随机显现题头图像

1. 标题

随机显现题头图像。

2. 意图

（ ）把握图画显现的根本常识。

（ ）把握对象树立的方法。

（ ）把握Math的运用方法。

（ ）会应使用随机函数编写应用程序。

3. 内容

结合一个详细应用的需求，设计随机显现题头的程序。

4. 要求

（ ）对于一个详细应用的需求，设计界面。

（ ）运用对象的方法存储图画信息，使用随机函数抽取图画。

实训四：完成日期显现

1. 标题

完成日期显现。

2. 意图

（ ）把握Date对象的运用方法。

（ ）把握经过Date取得年月日的方法。

（ ）稳固对多分支结构的把握和应用。

（ ）使用Date设计应用程序。

3. 内容

结合一个详细应用的需求，完成日期的显现。

4. 要求

（ ）对于一个详细应用，设计日期显现的格局。

（ ）用JavaScript完成日期的显现。

实训五：设计登录和注册页

1. 标题

设计登录和注册页。

2. 意图

（ ）把握表单域的引证方法。

（ ）把握常用控件的根本方法。

（ ）把握事情的处理方法。

（ ）了解Cookie的原理和应用。

3. 内容

对于所设计的系统，设计登录和注册页。

4. 要求

（ ）登录界面能对输入的数据进行验证，要求非空，且契合必定的要求。

（ ）登录时，用条件判别输入的数据，模仿登录判别。登录成功后，用Cookie 保留登录状况，并进入主页。

（ ）主页富含刊出功用。

（ ）注册界面能对数据进行验证。如电子邮件、电话号码等要契合格局要求。

实训六：设计简略的购物车

1. 标题

设计简略的购物车。

2. 意图

（ ）把握JSON的运用方法。

（ ）把握数据列表的动态生成方法。

（ ）把握WebStorage的运用方法。

（ ）会使用所学常识设计简略的应用程序。

3. 内容

设计商品阅读页面，用户能够单击商品的“增加到购物车”连接将商品参加购物车，一起，显现购物车。能够对购物车中的商品履行增减或删去操作。

4. 要求

（ ）对于一个详细应用，设计商品列表。

（ ）要动态生成商品及购物车数据列表。

（ ）将购物车的数据寄存在Web Storage中。



实训七：完成用户管理功用

1. 标题

完成用户管理功用。

2. 意图

（ ）了解Node.js程序的根本原理。

（ ）把握使用Node.js树立效劳器程序的根本方法。

（ ）了解Ajax的工作原理。

（ ）把握编写Ajax程序的根本方法。

（ ）会使用所学常识设计简略的应用程序。

3. 内容

设计程序可以对用户进行管理，完成查询、删去、注册、登录功用。

4. 要求

（ ）用户管理界面，以列表的方法显现用户数据，并供给删去功用。数据经过Ajax 恳求效劳器端程序，从数据库中获取。

（ ）注册界面Ajax 恳求效劳器端程序可以将用户信息保留到数据库。

（ ）注册界面在输入用户名时能完成动态验证的仅有性。

（ ）登录功用经过数据库查询进行验证。

实训八：运用jQuery技术完成企业信息展现系统的有关功用

1. 标题

运用jQuery技术完成企业信息展现系统的有关功用。

2. 意图

（ ）把握jQuery的根本常识。

（ ）把握jQuery的应用方法。

（ ）进一步了解Ajax 程序的设计方法。

（ ）会使用所学常识设计简略的应用程序。

3. 内容

用jQuery技术完成商品的查询、增加、修正与删去，用户的登录、注册、查询和删去。

4. 要求

（ ）从jquery.com下载 jQuery库。

（ ）将在客户端网页中运用的MyTools中的函数变换为jQuery函数。

（ ）进一步完善功用，优化界面。