第1篇　基础知识篇
第1章　JavaScript简介 2 视频讲解：6节，50分钟
1.1 JavaScript简述 3
1.2 WebStorm的下载与安装 5
1.3 JavaScript在HTML中的使用 8
1.3.1 在页面中直接嵌入JavaScript代码 8
[实例1.1] 编写第一个JavaScript程序 9
1.3.2 链接外部JavaScript文件 11
[实例1.2] 调用外部JavaScript文件 11
1.3.3 作为标签的属性值使用 12
1.4 JavaScript基本语法 13
本章知识思维导图 15

第2章　JavaScript语言基础 16 视频讲解：15节，135分钟
2.1 数据类型 17
2.1.1 数值型 17
2.1.2 字符串型 19
[实例2.1] 输出奥尼尔的中文名、英文名和别名 20
2.1.3 布尔型 21
2.1.4 特殊数据类型 22
2.2 变量 22
2.2.1 变量的命名 22
2.2.2 变量的声明 23
2.2.3 变量的赋值 23
2.2.4 变量的类型 24
[实例2.2] 输出球员信息 25
2.3 运算符 25
2.3.1 算术运算符 25
[实例2.3] 将华氏度转换为摄氏度 26
2.3.2 字符串运算符 26
[实例2.4] 字符串运算符的使用 27
2.3.3 比较运算符 27
[实例2.5] 比较运算符的使用 28
2.3.4 赋值运算符 28
[实例2.6] 赋值运算符的使用 29
2.3.5 逻辑运算符 29
[实例2.7] 逻辑运算符的使用 30
2.3.6 条件运算符 30
[实例2.8] 条件运算符的使用 30
2.3.7 其他运算符 31
2.3.8 运算符优先级 32
[实例2.9] 运算符优先级的使用 33
2.4 表达式 33
2.5 数据类型的转换规则 34
本章知识思维导图 36

第3章 条件判断语句 37 视频讲解：5节，49分钟
3.1 if语句 38
3.1.1 简单if语句 38
[实例3.1] 获取3个数中的最大值 39
3.1.2 if…else语句 39
[实例3.2] 判断2022年2月份的天数 40
3.1.3 if…else if语句 40
[实例3.3] 输出考试成绩对应的等级 41
3.1.4 if语句的嵌套 42
[实例3.4] 判断女职工是否已经退休 42
3.2 switch语句 43
[实例3.5] 输出奖项级别及奖品 44
本章知识思维导图 45

第4章 循环控制语句 46 视频讲解：6节，56分钟
4.1 循环语句 47
4.1.1 while语句 47
[实例4.1] 计算1500米比赛的完整圈数 48
4.1.2 do…while语句 48
[实例4.2] 计算1+2+…+100的和 49
4.1.3 for语句 49
[实例4.3] 计算100以内所有偶数的和 51
4.1.4 循环语句的嵌套 51
[实例4.4] 输出乘法口诀表 51
4.2 跳转语句 52
4.2.1 continue语句 52
[实例4.5] 输出影厅座位图 52
4.2.2 break语句 53
本章知识思维导图 54

第5章 函数 55 视频讲解：13节，80分钟
5.1 函数的定义和调用 56
5.1.1 函数的定义 56
5.1.2 函数的调用 57
5.2 函数的参数 58
[实例5.1] 输出图书名称和图书作者 59
5.3 函数的返回值 59
[实例5.2] 计算购物车中商品总价 60
5.4 嵌套函数 60
5.4.1 函数的嵌套定义 60
5.4.2 函数的嵌套调用 61
[实例5.3] 获得选手的平均分 61
5.5 递归函数 62
5.6 变量的作用域 62
5.6.1 全局变量和局部变量 62
5.6.2 变量的优先级 63
5.7 内置函数 63
5.7.1 数值处理函数 64
5.7.2 字符串处理函数 66
5.8 定义匿名函数 67
5.8.1 在表达式中定义函数 67
[实例5.4] 输出星号金字塔形图案 68
5.8.2 使用Function()构造函数 68
本章知识思维导图 69

第6章 自定义对象 70 视频讲解：8节，71分钟
6.1 对象简介 71
6.1.1 什么是对象 71
6.1.2 对象的属性和方法 71
6.1.3 JavaScript对象的种类 72
6.2 自定义对象的创建 72
6.2.1 直接创建自定义对象 72
6.2.2 通过自定义构造函数创建对象 73
[实例6.1] 创建一个球员对象 74
[实例6.2] 输出演员个人简介 75
[实例6.3] 创建一个圆的对象 76
6.2.3 通过Object对象创建自定义对象 76
[实例6.4] 创建一个图书对象 78
6.3 对象访问语句 78
6.3.1 for…in语句 78
6.3.2 with语句 79
本章知识思维导图 80

第7章 Math对象和Date对象 81 视频讲解：2节，58分钟
7.1 Math对象 82
7.1.1 Math对象的属性 82
7.1.2 Math对象的方法 82
[实例7.1] 生成指定位数的随机数 83
7.2 Date对象 84
7.2.1 创建Date对象 84
7.2.2 Date对象的属性 85
7.2.3 Date对象的方法 86
[实例7.2] 输出当前的日期和时间 87
[实例7.3] 获取当前日期距离明年元旦的天数 89
本章知识思维导图 90

第8章 数组 91 视频讲解：14节，111分钟
8.1 数组介绍 92
8.2 定义数组 92
8.2.1 定义空数组 92
8.2.2 指定数组长度 93
8.2.3 指定数组元素 93
8.2.4 直接定义数组 94
8.3 操作数组元素 94
8.3.1 数组元素的输入和输出 94
[实例8.1] 输出3个学霸姓名 96
8.3.2 数组元素的添加 96
8.3.3 数组元素的删除 97
8.4 数组的属性 97
8.4.1 length属性 97
[实例8.2] 输出省份、省会以及旅游景点 98
8.4.2 prototype属性 99
[实例8.3] 应用自定义方法输出数组 99
8.5 数组的方法 99
8.5.1 数组的添加和删除 100
8.5.2 设置数组的排列顺序 103
[实例8.4] 输出2020年电影票房排行榜前五名 105
8.5.3 获取某段数组元素 105
[实例8.5] 计算选手的最终得分 106
8.5.4 数组转换成字符串 107
本章知识思维导图 108

第9章 String对象 109 视频讲解：9节，65分钟
9.1 String对象的创建 110
9.2 String对象的属性 110
9.2.1 length属性 110
[实例9.1] 为金庸小说人物名称按字数分类 111
9.2.2 constructor属性 111
9.2.3 prototype属性 112
9.3 String对象的方法 112
9.3.1 查找字符串 113
[实例9.2] 获取字符“葡萄”在绕口令中的出现次数 114
9.3.2 截取字符串 115
[实例9.3] 截取网站公告标题 116
9.3.3 大小写转换 117
9.3.4 连接和拆分 118
[实例9.4] 输出梁山好汉人物信息 119
9.3.5 格式化字符串 120
本章知识思维导图 122

第2篇　核心技术篇
第10章 JavaScript事件处理 124 视频讲解：13节，45分钟
10.1 事件与事件处理概述 125
10.1.1 什么是事件 125
10.1.2 JavaScript的常用事件 125
10.1.3 事件的调用 126
10.1.4 Event对象 127
10.2 表单相关事件 127
10.2.1 获得焦点与失去焦点事件 128
[实例10.1] 改变文本框的背景颜色 128
10.2.2 失去焦点内容改变事件 129
[实例10.2] 改变文本框的字体颜色 129
10.2.3 表单提交与重置事件 129
[实例10.3] 验证提交表单中是否有空值 130
10.3 鼠标键盘事件 130
10.3.1 鼠标单击事件 131
[实例10.4] 动态改变页面的背景颜色 131
10.3.2 鼠标按下和松开事件 131
[实例10.5] 用事件模拟超链接标记的功能 132
10.3.3 鼠标移入移出事件 132
[实例10.6] 动态改变图片的焦点 132
10.3.4 鼠标移动事件 133
10.3.5 键盘事件 133
[实例10.7] 实现单击“A”键刷新的功能 135
10.4 页面事件 135
10.4.1 页面加载事件 136
[实例10.8] 动态改变图片大小 136
10.4.2 页面大小事件 136
本章知识思维导图 137

第11章 文档对象 138 视频讲解：7节，39分钟
11.1 文档对象概述 139
11.2 文档对象的应用 140
11.2.1 设置文档前景色和背景色 140
[实例11.1] 动态改变文档的前景色和背景色 140
11.2.2 设置动态标题栏 141
[实例11.2] 实现动态标题栏 141
11.2.3 获取URL 142
[实例11.3] 显示当前页面的URL 142
11.2.4 在文档中输出数据 142
11.2.5 动态添加一个HTML标记 143
[实例11.4] 动态添加文本框 143
11.2.6 获取文本框并修改其内容 144
本章知识思维导图 145