JavaScript程序设计实例教程 第2版

本书采用任务驱动模式编写，内容涵盖JavaScript概述、HTML、CSS+DIV应用、JavaScript语言基础、常用内置对象、BOM及事件处理、DOM编程及表格操作、Ajax应用和MUI布局等客户端交互特效制作行业新技术。本书由浅入深，每章内容都与案例紧密结合，有助于读者理解知识、应用知识，可以大大加强读者实践动手操作的能力。所选案例具有较强的扩展性，能够给读者以启发。新版教材还设计了实战项目在线测试系统（PC端+移动端），贯穿知识体系，使读者能够学以致用。本书结构合理，内容丰富，实用性强，可以作为高职高专院校计算机类专业、商务类专业、艺术类专业的教学用书，也可以作为培训教程，还可以作为相关专业从业人员的自学用书。

前言
任务1 与用户交流：开启JavaScript学习之旅
学习目标
任务描述
知识准备
1.1 JavaScript简述
1.1.1 JavaScript 的组成
1.1.2 JavaScript的主要特点
1.1.3 JavaScript相关应用
1.1.4 JavaScript的工作原理
1.2 JavaScript 编程起步
1.2.1 选择JavaScript脚本编辑器
1.2.2 引入JavaScript脚本代码到HTML文档中的方法
1.2.3 实现与用户交流的常用方式
1.2.4 调试JavaScript程序
1.2.5 页面结构、样式和行为
任务实施
任务训练
任务2 实现在线测试系统页面的静态布局
学习目标
任务描述
知识准备
2.1 HTML的基本概念
2.1.1 HTML简介
2.1.2 HTML基本格式
2.1.3 HTML注释语句
2.2 HTML文档常用标签
2.2.1 标签
2.2.2 标签
2.2.3 文字与段落相关标签
2.2.4 图像标签
2.2.5 列表相关标签
2.2.6 表格相关标签
2.2.7 超链接相关标签
2.2.8 DIV标签
2.3 表单及表单元素
2.3.1 表单的定义
2.3.2 表单控件
2.3.3 HTML5表单常用新属性
任务实施
任务训练
任务3 实现在线测试系统主页面的布局和美化
学习目标
任务描述
知识准备
3.1 CSS介绍
3.1.1 CSS简介
3.1.2 CSS+DIV布局方式的优势
3.1.3 CSS样式注释方法
3.2 CSS的使用
3.2.1 样式设置规则
3.2.2 常用添加CSS的方法
3.2.3 选择符
3.3 字体、颜色、背景与文本属性
3.3.1 设置CSS的字体属性
3.3.2 颜色和背景属性
3.3.3 文本属性
3.3.4 CSS的继承与冲突
3.3.5 CSS的注意事项
3.4 边距、填充与边框属性
3.4.1 边距与填充属性
3.4.2 边框属性
3.5 列表属性
3.6 CSS布局基础
3.6.1 盒模型
3.6.2 CSS布局元素类型
3.6.3 定位及尺寸属性
3.7 常用的布局结构
3.7.1 单行单列结构
3.7.2 二列布局结构
3.8 CSS3常用样式
任务实施
任务训练
任务4 实现猜数字游戏
学习目标
任务描述
知识准备
4.1 数据类型
4.1.1 数字型
4.1.2 字符串型
4.1.3 布尔型
4.1.4 特殊类型
4.1.5 数据类型的自动转换
4.2 变量
4.2.1 关键字
4.2.2 变量的定义与命名
4.2.3 变量的声明与赋值
4.3 表达式与运算符
4.3.1 表达式
4.3.2 运算符
4.4 函数
4.4.1 函数的定义
4.4.2 函数的调用
4.4.3 带有返回值的函数
4.4.4 变量的作用域
4.5 内置函数
4.6 基本语句
4.6.1 编写JavaScript语句注意事项
4.6.2 程序控制语句
任务实施
任务训练
任务5 实现彩票11选5数字跳动效果
学习目标
任务描述
知识准备
5.1 数组对象
5.1.1 新建数组
5.1.2 引用数组元素
5.1.3 动态数组
5.1.4 数组对象的常用方法
5.1.5 二维数组
5.2 数学对象
5.2.1 使用数学对象
5.2.2 数学对象的属性与方法
5.2.3 格式化数字与产生随机数
5.2.4 定时器函数
5.2.5 数学对象应用案例
5.3 日期对象
5.3.1 新建日期
5.3.2 日期对象的常用属性与方法
5.3.3 日期对象应用案例
任务实施
任务训练
任务6 实现在线测试系统页面注册验证效果
学习目标
任务描述
知识准备
6.1 字符串对象
6.1.1 字符串对象的基本应用
6.1.2 字符串对象的属性与方法
6.1.3 字符串对象应用案例
6.1.4 注册表单简单验证
6.2 正则表达式
6.2.1 什么是正则表达式
6.2.2 创建正则表达式
6.2.3 正则表达式对象的方法
6.2.4 正则表达式中的常用符号
任务实施
任务训练
任务7 实现在线测试系统主体功能
学习目标
任务描述
知识准备
7.1 JavaScript BOM
7.1.1 BOM概述
7.1.2 多窗口控制
7.1.3 浏览器对象
7.1.4 屏幕对象
7.1.5 地址对象
7.1.6 历史记录对象
7.2 事件处理
7.2.1 事件的基本概念
7.2.2 事件处理程序的绑定
7.2.3 JavaScript的常见事件
7.3 表单元素相关的事件处理程序
7.3.1 文本框对象相关事件
7.3.2 下拉列表框相关事件
7.3.3 单、复选框相关事件
7.4 本地存储
7.4.1 JavaScript cookie
7.4.2 HTML5 Web Storage
任务实施
任务训练
任务8 实现学生成绩信息管理功能
学习目标
任务描述
知识准备
8.1 DOM
8.1.1 文档对象
8.1.2 DOM简介
8.1.3 DOM节点类型
8.1.4 DOM节点常用的属性和方法
8.2 DOM节点及其属性的访问
8.2.1 获取文档对象中元素对象的一般方法
8.2.2 元素的属性
8.2.3 导航节点关系
8.3 DOM节点的创建与修改
8.3.1 创建节点
8.3.2 添加节点
8.3.3 删除节点
8.3.4 替换节点
8.3.5 复制节点
8.3.6 DOM节点对象的事件处理
8.4 表格动态操作
8.4.1 动态插入行和单元格
8.4.2 动态删除某行
任务实施
任务训练
任务9 实现在线测试系统远程数据访问
学习目标
任务描述
知识准备
9.1 Ajax概述
9.1.1 Ajax简介
9.1.2 Ajax的工作原理
9.2 Ajax编程
9.2.1 安装Web环境
9.2.2 原生JavaScript实现Ajax
任务实施
任务训练
任务10 实现移动版在线测试页面布局及测试功能
学习目标
任务描述
知识准备
10.1 MUI初体验
10.1.1 MUI介绍
10.1.2 创建MUI新项目
10.2 基础布局
10.2.1 搭建一个基于MUI的App应用
10.2.2 顶部标题栏与主体
10.3 MUI表单相关组件的应用
10.3.1 按钮
10.3.2 MUI复选框、单选框的使用
任务实施
任务训练
参考文献