目 录CONTENTS
实战主题 1 成绩转换系统 001
1.1 《成绩转换系统V1.0》需求与技术分析003
1.1.1 《成绩转换系统V1.0》任务描述003
1.1.2 《成绩转换系统V1.0》任务效果003
1.1.3 《成绩转换系统V1.0》技术分析003
1.2 《成绩转换系统V1.0》知识学习004
1.2.1 JavaScript简介004
1.2.2 JavaScript历史004
1.2.3 JavaScript标准与组成005
1.2.4 JavaScript在浏览器上的执行过程006
1.2.5 编程IDE：VSCode006
1.2.6 在网页中使用JavaScript的方法007
1.2.7 JavaScript编程常识与命名规范007
1.2.8 JavaScript变量、常量及作用域009
1.2.9 JavaScript数据类型013
1.2.10 JavaScript运算符022
1.2.11 JavaScript数据类型转换025
1.2.12 数据输入输出027
1.2.13 if 语句030
1.3 《成绩转换系统V1.0》编程实现033
1.4 《成绩转换系统V2.0》需求与技术分析034
1.4.1 《成绩转换系统V2.0》任务描述034
1.4.2 《成绩转换系统V2.0》任务效果034
1.4.3 《成绩转换系统V2.0》技术分析035
1.5 《成绩转换系统V2.0》知识学习035
1.5.1 从页面元素中获取数据035
1.5.2 在HTML元素中呈现处理结果035
1.5.3 为按钮绑定单击事件035
1.6 《成绩转换系统V2.0》编程实现036
1.7 《成绩转换系统V3.0》需求与技术分析037
1.7.1 《成绩转换系统V3.0》任务描述037
1.7.2 《成绩转换系统V3.0》任务效果038
1.7.3 《成绩转换系统V3.0》技术分析038
1.8 《成绩转换系统V3.0》知识学习038
1.8.1 switch语句039
1.8.2 程序调试040
1.8.3 异常捕获043
1.9 《成绩转换系统V3.0》编程实现044
课后习题046
实战主题 2 验证码及其应用 048
2.1 《验证码及其应用V1.0》需求与技术分析050
2.1.1 《验证码及其应用V1.0》任务描述050
2.1.2 《验证码及其应用V1.0》任务效果050
2.1.3 《验证码及其应用V1.0》技术分析051
2.2 《验证码及其应用V1.0》知识学习051
2.2.1 JavaScript内置对象051
2.2.2 Math对象051
2.2.3 JavaScript循环简介053
2.2.4 for循环语句053
2.2.5 JavaScript函数056
2.3 《验证码及其应用V1.0》编程实现058
2.4 《验证码及其应用V2.0》需求与技术分析060
2.4.1 《验证码及其应用V2.0》任务描述060
2.4.2 《验证码及其应用V2.0》任务效果060
2.4.3 《验证码及其应用V2.0》技术分析060
2.5 《验证码及其应用V2.0》知识学习061
2.5.1 while循环语句061
2.5.2 do...while循环语句063
2.5.3 String对象064
2.6 《验证码及其应用V2.0》编程实现065
2.7 《验证码及其应用V3.0》需求与技术分析067
2.7.1 《验证码及其应用V3.0》任务描述067
2.7.2 《验证码及其应用V3.0》任务效果067
2.7.3 《验证码及其应用V3.0》技术分析068
2.8 《验证码及其应用V3.0》知识学习068
2.8.1 JavaScript数组068
2.8.2 使用JavaScript控制颜色071
2.8.3 双重循环072
2.9 《验证码及其应用V3.0》编程实现074
课后习题077
实战主题 3 网站换肤 079
3.1 《网站换肤V1.0》需求与技术分析081
3.1.1 《网站换肤V1.0》任务描述081
3.1.2 《网站换肤V1.0》任务效果081
3.1.3 《网站换肤V1.0》技术分析081
3.2 《网站换肤V1.0》知识学习082
3.2.1 DOM简介082
3.2.2 通过方法获取页面元素083
3.2.3 通过属性获取页面元素084
3.2.4 操作页面元素属性086
3.2.5 创建节点087
3.2.6 挂载节点088
3.2.7 删除节点092
3.3 《网站换肤V1.0》编程实现094
3.4 《网站换肤V2.0》需求与技术分析095
3.4.1 《网站换肤V2.0》任务描述095
3.4.2 《网站换肤V2.0》任务效果095
3.4.3 《网站换肤V2.0》技术分析096
3.5 《网站换肤V2.0》知识学习096
3.5.1 实现图文黑白风格096
3.5.2 使用select下拉框097
3.6 《网站换肤V2.0》编程实现097
3.7 《网站换肤V3.0》需求与技术分析099
3.7.1 《网站换肤V3.0》任务描述099
3.7.2 《网站换肤V3.0》任务效果100
3.7.3 《网站换肤V3.0》技术分析100
3.8 《网站换肤V3.0》知识学习100
3.8.1 JavaScript事件概述100
3.8.2 为HTML元素指定事件101
3.8.3 为整个页面指定事件103
3.8.4 event对象104
3.8.5 阻止默认行为107
3.8.6 JavaScript事件流模型111
3.8.7 Date对象116
3.9 《网站换肤V3.0》编程实现119
课后习题121
实战主题 4 用户注册与数据提交 124
4.1 《用户注册与数据提交V1.0》需求与技术分析126
4.1.1 《用户注册与数据提交V1.0》任务描述126
4.1.2 《用户注册与数据提交V1.0》 任务效果126
4.1.3 《用户注册与数据提交V1.0》技术分析127
4.2 《用户注册与数据提交V1.0》知识学习127
4.2.1 RegExp对象127
4.2.2 正则表达式语法131
4.2.3 利用正则表达式规范数据格式133
4.3 《用户注册与数据提交V1.0》编程实现134
4.4 《用户注册与数据提交V2.0》需求与技术分析139
4.4.1 《用户注册与数据提交V2.0》任务描述139
4.4.2 《用户注册与数据提交V2.0》任务效果139
4.4.3 《用户注册与数据提交V2.0》技术分析140
4.5 《用户注册与数据提交V2.0》知识学习140
4.5.1 增加用户账号验证强度140
4.5.2 增加身份证号码验证强度140
4.5.3 密码明文密文切换141
4.5.4 同步数据提交142
4.5.5 JSON数据格式143
4.5.6 简易API服务器搭建145
4.6 《用户注册与数据提交V2.0》编程实现147
4.7 《用户注册与数据提交V3.0》需求与技术分析152
4.7.1 《用户注册与数据提交V3.0》任务描述152
4.7.2 《用户注册与数据提交V3.0》任务效果152
4.7.3 《用户注册与数据提交V3.0》技术分析153
4.8 《用户注册与数据提交V3.0》知识学习154
4.8.1 第三方工具jQuery 154
4.8.2 即时错误提示 157
4.9 《用户注册与数据提交V3.0》编程实现 158
课后习题165
实战主题 5 打地鼠游戏 167
5.1 《打地鼠游戏V1.0》需求与技术分析169
5.1.1 《打地鼠游戏V1.0》任务描述169
5.1.2 《打地鼠游戏V1.0》任务效果169
5.1.3 《打地鼠游戏V1.0》技术分析169
5.2 《打地鼠游戏V1.0》知识学习170
5.2.1 BOM简介171
5.2.2 window对象171
5.2.3 setInterval()定时计时172
5.2.4 setTimeout()延时计时174
5.2.5 location对象175
5.2.6 history对象176
5.2.7 navigator对象177
5.2.8 screen对象177
5.3 《打地鼠游戏V1.0》编程实现178
5.4 《打地鼠游戏V2.0》需求与技术分析181
5.4.1 《打地鼠游戏V2.0》任务描述181
5.4.2 《打地鼠游戏V2.0》任务效果181
5.4.3 《打地鼠游戏V2.0》技术分析181
5.5 《打地鼠游戏V2.0》知识学习182
5.5.1 this的含义182
5.5.2 对象的构造函数189
5.6 《打地鼠游戏V2.0》编程实现191
5.7 《打地鼠游戏V3.0》需求与技术分析194
5.7.1 《打地鼠游戏V3.0》任务描述194
5.7.2 《打地鼠游戏V3.0》任务效果194
5.7.3 《打地鼠游戏V3.0》技术分析195
5.8 《打地鼠游戏V3.0》知识学习196
5.8.1 修改鼠标指针外观196
5.8.2 播放声音文件197
5.8.3 JavaScript键盘事件198
5.8.4 第三方工具ECharts201
5.9 《打地鼠游戏V3.0》编程实现203
课后习题208
附录 ECMAScript 2015(ES6) 核心特性 210
JavaScript 知识点索引
JavaScript编程基础
JavaScript简介 004
JavaScript历史 004
JavaScript标准与组成 005
JavaScript在浏览器上的执行过程 006
编程IDE：VSCode 006
在网页中使用JavaScript的方法 007
JavaScript 编程常识与命名规范 007
JavaScript 变量、常量及作用域 009
JavaScript 数据类型 013
JavaScript 运算符 022
JavaScript 数据类型转换 025
数据输入输出 027
异常捕获 043
程序调试 040
if语句 030
switch语句 039
for循环语句 053
while循环语句 061
do...while循环语句 063
双重循环 072
JavaScript编程进阶
JavaScript数组 068
JavaScript 函数 056
JavaScript 对象编程
this的含义 182
对象的构造函数 189
Math对象 051
String对象 064
Date对象 116
JavaScript编程高级
DOM简介 082
通过方法获取页面元素 083
通过属性获取页面元素 084
操作页面元素属性 086
创建节点 087
挂载节点 088
删除节点 092
JavaScript事件概述 100
为HTML元素指定事件 101
为整个页面指定事件 103
event对象 104
阻止默认行为 107
JavaScript事件流模型 111
JavaScript键盘事件 198
BOM简介 171
window对象 171
setInterval()定时计时 172
setTimeout()延时计时 174
location对象 175
history对象 176
navigator对象 177
screen对象 177
RegExp对象 127
正则表达式语法 131
利用正则表达式规范数据格式 133
JavaScript综合与拓展
JSON数据格式 143
同步数据提交 142
第三方工具jQuery 154
第三方工具ECharts 201
简易API服务器搭建 145
ECMAScript 2015(ES6)核心特性 210
