单元1 JAVASCRIPT速览 1
项目导入 1
职业能力目标和要求 1
项目描述：实现名词解析 2
知识准备 2
1.1 JavaScript简述 2
1.1.1 JavaScript概要 2
1.1.2 JavaScript的主要特点 3
1.1.3 JavaScript相关应用 4
1.2 JavaScript 编程起步 5
1.2.1选择JavaScript脚本编辑器 5
1.2.2常用的引入JavaScript脚本的方式 7
1.2.3与用户的交流方式 10
1.2.4 meta视口标签 13
1.2.5程序的调试 14
1.2.6页面结构、表现和行为 18
1.2.7注释语句 19
项目实施 20
任务1. 项目分析 20
任务2. 创建HTML文件 20
任务3. 创建CSS文件，添加样式 21
任务4. 动态效果的实现 22
单元小结 22
课后训练 23
【理论测试】 23
【实训内容】 24

单元 2 JAVASCRIPT语言基础 25
项目导入 25
职业能力目标和要求 25
项目描述：实现猜数字游戏 25
知识准备 27
2.1数据类型 27
2.1.1数字型 27
2.1.2字符串型 28
2.1.3数据类型的隐式转换 30
2.1.4布尔型 30
2.1.5特殊数据类型 31
2.1.6数据类型的显式转换 33
2.2 运算符与表达式 35
2.2.1表达式 35
2.2.2运算符 35
2.3变量 41
2.3.1关键字 41
2.3.2变量的定义与命名 41
2.3.3变量的声明与赋值 42
2.4函数 43
2.4.1自定义函数的定义与调用 43
2.4.2带有返回值的函数 45
2.4.3变量的作用域 47
2.5基本语句 48
2.5.1流程控制语句 48
2.5.2异常处理语句 49
项目实施 49
任务1. 项目分析 49
任务2. 创建HTML文件 49
任务3. 添加样式 49
任务4. 动态效果的实现 49
任务5. 功能拓展 49
单元小结 49
课后训练 49
【理论测试】 49
【实训内容】 49

单元3 常用内置对象 61
项目导入 61
职业能力目标和要求 61
项目3-1描述：实现中国体育彩票11选5，数字跳动展示效果 62
知识准备 62
3.1数组(ARRAY)对象 62
3.1.1新建数组 62
3.1.2动态数组 63
3.1.3数组对象的常用属性与方法 63
3.1.4二维数组 67
3.2数学(MATH)对象 69
3.2.1使用数学对象 70
3.2.2数学对象的属性与方法 70
3.2.3数字的格式化与产生随机数 70
3.2.4定时器函数 70
3.2.5数学对象应用案例 70
项目3-1实施 70
任务1. 项目分析 70
任务2. 页面布局的实现 70
任务3. 添加样式 70
任务4. 动态效果的实现 70
任务5. 程序流程分析 70
任务6. 完整代码展示 70
项目3-2描述：实现猜数字游戏“再来一局”功能和计时展示 70
知识准备 70
3.3日期(DATE)对象 70
3.3.1新建日期 70
3.3.2日期对象的常用属性与方法 70
3.3.3 动态改变元素样式 70
项目3-2实施 70
任务1. 项目分析 70
任务2. 猜数字游戏“再来一局”功能实现 70
任务3. 猜数字游戏计时功能实现 70
项目3-3描述：实现注册表单的验证功能 70
知识准备 70
3.4字符串(STRING)对象 70
3.4.1使用字符串对象 70
3.4.2字符串对象的属性与方法 70
3.4.3字符串对象应用案例 70
3.5 JAVASCRIPT正则表达式 70
3.5.1正则表达式的作用 70
3.5.2创建正则表达式 70
3.5.3正则表达式对象的方法 70
3.5.4 正则表达式中常用符号 70
3.5.5表单应用 70
项目3-3实施 70
任务1. 项目分析 70
任务2. input控件常用正则验证规则分析 70
任务3.用户注册的功能实现 70
单元小结 70
课后训练 70
【理论测试】 70
【实训内容】 70
单元4 DOM编程与本地存储 105
项目导入 105
职业能力目标和要求 105
项目描述：JavaScript实现猜数字游戏“历史战绩”展示 106
知识准备 106
4.1访问HTMLDOM对象 106
4.1.1获取元素对象的一般方法 108
4.1.2元素的innerText、innerHTML、outerHTML、outerText 109
4.1.3修改DOM 110
4.1.4导航节点关系 112
4.1.5 DOM优化 114
4.1.6 DOM事件 114
4.2DOM扩展 114
4.2.1 querySelector()与querySelectorAll() 114
4.2.2 元素的遍历 114
4.2.3 classList属性 114
4.3 JSON简介 114
4.3.1 JSON语法 114
4.3.2 JSON解析和序列化 114
4.4本地存储 114
4.4.1 Web存储（Web Storage）简介 114
4.4.2 Web存储的使用 114
项目实施 114
任务1.项目案例分析 114
任务2 HTML5 Web存储实现猜数字游戏“历史战绩”展示 114
任务3.猜数字游戏拓展：实现展示“历史战绩”功能的封装 114
任务4. 猜数字游戏拓展：列表形式展示“历史战绩” 114
任务5. 猜数字游戏拓展：“历史战绩”展示（通过创建DOM节点） 114
单元小结 114
课后训练 114
【理论测试】 114
【实训内容】 114
单元5 MUI移动端框架初体验 136
项目导入 136
职业能力目标和要求 136
项目描述：基于MUI的移动版猜数字游戏 137
知识准备 138
5.1 MUI移动端框架初体验 138
5.1.1 MUI介绍 138
5.1.2 MUI新项目创建 138
5.2基础布局 142
5.2.1 搭建一个基于MUI的App应用 143
5.2.2 顶部标题栏与主体 144
5.2.3 mGallery-Table(图文表格) 145
5.2.4 MUI-List（列表/图文列表） 146
5.2.5 底部Tab导航的使用 148
5.2.6 badge（数字角标）实现数字展示 151
5.3 MUI选择器及常用方法的使用 153
5.4 事件绑定 155
5.4.1 addEventListener()方法实现事件绑定 156
5.4.2 mui().on()方法实现事件绑定 156
5.4.3 dialog消息框 156
5.5 MUI基础表单 156
5.5.1 button（按钮） 156
5.5.2 input（表单） 156
项目实施 156
任务1. 项目分析 156
任务2. 猜数字游戏主功能页面制作 156
任务3. 猜数字游戏引页制作 156
任务4. 猜数字游戏：打开“历史战绩”页面功能 156
任务5. 猜数字游戏页面拓展：增加游戏记录存储功能 156
任务6. 猜数字游戏“历史战绩”页面制作 156
任务7. 猜数字游戏App的打包 156
单元小结 156
课后训练 156
【实训内容】 156
单元6 MUI移动端框架进阶 178
项目导入 178
职业能力目标和要求 178
项目6-1描述：在线测试系统文章列表页跳转并传值实现对应详情页面展示 179
知识准备 179
6.1 页面管理 179
6.1.1 MUI初始化 179
6.1.2 底部Tab导航实现切换页面：DIV模式 181
6.1.3 底部Tab导航实现切换页面：WebView模式 181
6.1.4 MUI页面间跳转并传值实现详情页面展示 181
项目6-1实施 181
任务1.项目分析 181
任务2. 在线测试系统页面跳转：技术文章列表页的实现 181
任务3. 在线测试系统页面跳转：详情页接受列表页传值 181
任务4. 在线测试系统页面跳转拓展：列表页跳转并传值实现对应文章详情页面展示 181
项目6-2描述：生鲜超市购物车实现 181
知识准备 181
6.2 生鲜超市App 181
6.2.1 轮播组件的使用实现生鲜超市广告轮播效果 181
6.2.2 numbox(数字输入框) 181
项目6-2实施 181
任务1.项目分析 181
任务2.MUI静态布局实现 181
任务3.JavaScript实现动态列表展示及被选商品总价显示 181
任务4.拓展：增加删除选中商品功能 181
单元小结 181
课后训练 181
【实训内容】 181
【拓展内容】 181
单元7 在线测试系统主体功能 219
项目导入 219
职业能力目标和要求 219
项目描述：实现在线测试系统主体功能 220
知识准备 221
7.1 MUI复选框、单选框的使用 221
7.1.1 复选框 221
7.1.2 JavaScript获取复选框的值 221
7.1.3 单选框 225
7.1.5 JavaScript获取单选框的值 226
7.1.5 列表式单选实现 228
7.2 Ajax简介 229
7.2.1 mui.ajax() 229
7.2.2 Ajax简化模式 230
项目实施 230
任务1.在线测试系统：登录验证功能 230
任务2.在线测试系统：测试列表页的实现 233
任务3.在线测试系统：测试页面的实现 235
任务4. 在线测试系统：页面跳转并传值 245
任务5 拓展：Ajax应用：实现在线测试系统登录远程验证功能 252
单元小结 256
课后训练 256
【实训内容】 256