基于任务驱动模式的JavaScript程序设计案例教程(西电版)第8章 JavaScript综合应用实例.pptVIP

第8章 JavaScript综合应用实例  8.1 概 述　　掌握HTML、CSS与JavaScript的综合使用，并掌握DIV+CSS的布局技巧。  8.2 完成新用户注册页面　　需求说明：　　(1) 验证用户输入内容的有效性。　　(2) 文本框获得焦点时，提示文本框中应该输入的内容。　　(3) 文本框失去焦点时，验证文本框中的内容，并提示错误信息。　　本实例运行后的页面效果如图8-1所示。 　　 图8-1  　8.3 实现商品金额自动计算功能　　需求说明：　　(1) 根据商品的数量和单价计算每行商品的小计。　　(2) 根据商品数量、单价和积分，计算商品总价和积分。本实例运行后的页面效果如图8-2所示。 图8-2  　8.4 实现商品数量增加和减少功能　　需求说明：　　(1) 单击商品数量文本框前的增加数量图标或减少数量图标，商品数量增加一个或减少一个，但是不能减少为0。　　(2) 商品数量增加或减少时，商品小计以及商品总计、积分随之变化。　　本实例运行后的页面效果同图8-2所示。　　页面HTML和CSS的内容同上例。　　页面JavaScript代码如下： 　8.5 实现删除商品功能　　需求说明：　　(1) 单击“删除所选”按钮可以删除选中的商品。　　(2) 单击每个商品后面的“删除”超链接可以删