第 1章 JavaScript简介　1
1.1　JavaScript简述　2
1.1.1　JavaScript的起源　2
1.1.2　JavaScript的主要特点　2
1.1.3　JavaScript的应用　3
1.2　编写JavaScript的工具　4
1.3　JavaScript在HTML中的使用　5
1.3.1　在页面中直接嵌入JavaScript代码　5
　实例：编写第 一个JavaScript程序
1.3.2　链接外部JavaScript文件　8
　实例：调用外部JavaScript文件
1.3.3　作为标签的属性值使用　10
1.4　JavaScript基本语法　10
1.4.1　执行顺序　10
1.4.2　大小写敏感　10
1.4.3　空格与换行　11
1.4.4　每行结尾的分号　11
1.4.5　注释　11
小结　11
上机指导　12
习题　12
第 2章　JavaScript语言基础　13
2.1　数据类型　14
2.1.1　数值型　14
　实例：数字123不同进制的输出结果
2.1.2　字符串型　16
　实例：定义四个字符串并输出
2.1.3　布尔型　17
2.1.4　特殊数据类型　18
2.2　常量和变量　18
2.2.1　常量　18
2.2.2　变量　18
　实例：输出两个变量的值
2.3　运算符和表达式　20
2.3.1　什么是运算符和表达式　20
2.3.2　运算符的应用　21
　实例：应用算术运算符对两个变量进行运算
2.3.3　表达式中的类型转换　29
　实例：输出表达式的结果
2.4　JavaScript基本语句　30
2.4.1　条件判断语句　30
　实例：获取3个数中的**大值
2.4.2　循环控制语句　38
　实例：计算100以内所有奇数的和
2.4.3　跳转语句　43
　实例：计算1~100的所有5的倍数的和
2.4.4　异常处理语句　45
　实例：使用try…catch…finally语句处理异常
2.5　函数　47
2.5.1　函数的定义　47
2.5.2　函数的调用　48
2.5.3　函数的参数　49
　实例：函数参数的使用
2.5.4　函数的返回值　50
　实例：函数返回值的简单应用
2.5.5　嵌套函数　51
　实例：函数嵌套调用的应用
2.5.6　递归函数　53
　实例：递归函数的应用
2.5.7　变量的作用域　54
2.5.8　内置函数　55
2.5.9　定义函数的其他方法　60
　实例：获取从1到给定参数之间的所有3的倍数
小结　61
上机指导　61
习题　62
第3章　JavaScript自定义对象　63
3.1　对象简介　64
3.1.1　什么是对象　64
3.1.2　对象的属性和方法　64
3.1.3　JavaScript对象的种类　64
3.2　自定义对象的创建　65
3.2.1　直接创建自定义对象　65
3.2.2　通过自定义构造函数创建对象　66
　实例：创建一个球员对象Player
3.2.3　通过系统内置的Object对象创建自定义对象　69
　实例：创建一个图书对象book
3.3　对象访问语句　71
3.3.1　for…in循环语句　71
　实例：输出对象中的所有属性和值
3.3.2　with语句　72
小结　73
上机指导　73
习题　74
第4章　常用内部对象　75
4.1　Math对象　76
4.1.1　Math对象的属性　76
　实例：计算圆的周长和面积
4.1.2　Math对象的方法　76
　实例：生成指定位数的随机数
4.2　Number对象　78
4.2.1　创建Number对象　78
4.2.2　Number对象的属性　79
4.2.3　Number对象的方法　80
4.3　Date对象　83
4.3.1　创建Date对象　83
4.3.2　Date对象的属性　85
4.3.3　Date对象的方法　86
　实例：输出当前的日期和时间
4.4　数组对象　89
4.4.1　数组介绍　89
4.4.2　定义数组　90
4.4.3　操作数组元素　91
　实例：创建数组并输出数组元素
4.4.4　数组的属性　94
　实例：在365影视网中循环输出影片信息
4.4.5　数组的方法　97
　实例：将数组中的元素顺序颠倒后显示
4.5　String对象　105
4.5.1　String对象的创建　105
4.5.2　String对象的属性　105
　实例：获取字符串变量和字符串对象的长度
4.5.3　String对象的方法　107
　实例：获取指定字符在字符串中的出现次数
小结　116
上机指导　116
习题　118
第5章　JavaScript事件处理　119
5.1　事件与事件处理概述　120
5.1.1　什么是事件　120
5.1.2　JavaScript的常用事件　120
5.1.3　事件的调用　122
5.1.4　事件对象　123
5.2　表单相关事件　123
5.2.1　获得焦点事件与失去焦点事件　123
　实例：改变文本框的背景颜色
5.2.2　失去焦点内容改变事件　125
　实例：改变文本框的字体颜色
5.2.3　表单提交与重置事件　126
　实例：判断提交的表单中是否有空文本框
5.3　鼠标键盘事件　128
5.3.1　鼠标单击事件　128
　实例：动态改变页面的背景颜色
5.3.2　鼠标按下和松开事件　129
　实例：按下鼠标时改变字体颜色
5.3.3　鼠标移入移出事件　130
　实例：动态改变图片的焦点
5.3.4　鼠标移动事件　131
　实例：在状态栏中显示当前鼠标的位置
5.3.5　键盘事件　131
　实例：利用键盘中的A键对页面进行刷新
5.4　页面事件　134
5.4.1　加载与卸载事件　134
　实例：网页加载时缩小图片
5.4.2　页面大小事件　135
　实例：鼠标拖动浏览器边框使其恢复原始大小
小结　136
上机指导　136
习题　137
第6章　JavaScript常用文档对象　138
6.1　Document对象　139
6.1.1　文档对象概述　139
6.1.2　文档对象的常用属性、方法与事件　139
6.1.3　Document对象的应用　141
　实例：设置超链接的文字颜色
6.1.4　JavaScript中的cookie设置　146
　实例：将表单注册信息写入Cookie
6.2　表单对象　153
6.2.1　访问表单与表单元素　153
6.2.2　表单对象的常用属性、方法与
事件　154
6.2.3　表单对象的应用　155
　实例：验证表单内容是否为空
6.3　图像对象　157
6.3.1　图像对象概述　157
6.3.2　图像对象的应用　157
　实例：图片置顶
小结　163
上机指导　163
习题　165
第7章　文档对象模型　166
7.1　DOM概述　167
7.1.1　DOM分层　167
7.1.2　DOM级别　168
7.2　DOM对象节点属性　168
7.2.1　访问指定节点　169
　实例：访问指定节点
7.2.2　遍历文档树　170
　实例：遍历文档树
7.3　节点　173
7.3.1　创建节点　173
　实例：创建新的节点
7.3.2　插入节点　175
　实例：插入节点
7.3.3　复制节点　176
　实例：复制节点
7.3.4　删除与替换节点　178
　实例：删除节点
7.4　获取文档中的指定元素　180
7.4.1　通过元素的ID属性获取元素　180
　实例：在365影视网中实现导航菜单功能
7.4.2　通过元素的name属性获取元素　183
　实例：在365影视网中实现电影图片轮换效果
7.5　与DHTML相对应的DOM　184
7.5.1　innerHTML和innerText属性　184
7.5.2　outerHTML和outerText属性　185
　实例：显示分时问候
小结　187
上机指导　187
习题　188
第8章　Window对象　189
8.1　Window对象概述　190
8.1.1　Window对象的属性　190
8.1.2　Window对象的方法　190
8.1.3　Window对象的使用　191
8.2　对话框　191
8.2.1　警告对话框　191
　实例：弹出警告对话框
8.2.2　确认对话框　192
　实例：弹出确认对话框
8.2.3　提示对话框　193
　实例：弹出提示对话框并返回相应数据
8.3　打开与关闭窗口　193
8.3.1　打开窗口　194
　实例：在365影视网中实现在新窗口中打开影片详情页面
8.3.2　关闭窗口　196
　实例：关闭子窗口同时刷新父窗口
8.4　控制窗口　198
8.4.1　移动窗口　198
　实例：实现窗口的反弹效果
8.4.2　窗口滚动　200
　实例：页面自动滚动
8.4.3　改变窗口大小　202
　实例：弹出自动改变大小的窗口
8.4.4　控制窗口状态栏　203
　实例：状态栏中文字从右向左依次弹出的效果
8.4.5　访问窗口历史　205
8.4.6　设置超时　206
8.5　窗口事件　206
8.5.1　通用窗口事件　206
8.5.2　扩展窗口事件　206
小结　207
上机指导　207
习题　208
第9章　AJAX技术　209
9.1　AJAX概述　210
9.1.1　什么是AJAX　210
9.1.2　AJAX应用案例　210
9.1.3　AJAX的开发模式　211
9.1.4　AJAX的优点　212
9.2　AJAX的技术组成　213
9.2.1　XMLHttpRequest对象　213
9.2.2　XML语言　213
9.2.3　JavaScript脚本语言　215
9.2.4　DOM　215
9.2.5　CSS　215
9.3　XMLHttpRequest对象　215
9.3.1　XMLHttpRequest对象的初始化　216
9.3.2　XMLHttpRequest对象的常用属性　216
9.3.3　XMLHttpRequest对象的常用方法　218
　实例：读取HTML文件并输出结果
小结　221
上机指导　221
习题　222
第 10章　jQuery简介　223
10.1　jQuery概述　224
10.1.1　jQuery能做什么　224
10.1.2　jQuery的特点　225
10.2　jQuery下载与配置　226
10.2.1　下载jQuery　226
10.2.2　配置jQuery　227
10.3　jQuery的插件　227
10.3.1　插件的使用　227
10.3.2　流行的插件　228
小结　230
习题　230
第 11章　jQuery选择器　231
11.1　jQuery的工厂函数　232
11.2　基本选择器　232
11.2.1　ID选择器　232
　实例：获取文本框中输入的值
11.2.2　元素选择器　233
　实例：单击按钮修改元素内容
11.2.3　类名选择器　235
　实例：设置元素的CSS样式
11.2.4　复合选择器　236
　实例：为元素添加新的样式
11.2.5　通配符选择器　237
11.3　层级选择器　237
11.3.1　ancestor descendan选择器　238
　实例：为版权列表设置样式
11.3.2　parent > child选择器　239
　实例：获取表单中文本框的值
11.3.3　prev + next选择器　240
　实例：改变匹配元素的背景颜色
11.3.4　prev ~ siblings选择器　241
　实例：筛选页面中div元素的同辈元素
11.4　过滤选择器　242
11.4.1　简单过滤器　242
　实例：实现一个带表头的双色表格
11.4.2　内容过滤器　245
　实例：应用内容过滤器匹配单元格
11.4.3　可见性过滤器　247
　实例：获取隐藏和显示的input元素的值
11.4.4　表单对象的属性过滤器　247
　实例：匹配表单中相应的元素
11.4.5　子元素选择器　249
11.5　属性选择器　249
11.6　表单选择器　250
　实例：匹配表单中相应元素并实现不同的操作
小结　251
上机指导　252
习题　253
第 12章　jQuery控制页面　254
12.1　对元素内容和值进行操作　255
12.1.1　对元素内容操作　255
　实例：获取和设置元素的文本内容与HTML内容
12.1.2　对元素值操作　257
　实例：为多行列表框设置并获取值
12.2　对DOM节点进行操作　258
12.2.1　查找节点　259
12.2.2　创建节点　259
12.2.3　插入节点　259
12.2.4　删除、复制与替换节点　260
　实例：实现我的开心小农场
12.3　对元素属性进行操作　264
　实例：复选框的全选、反选与全不选
12.4　对元素的CSS样式操作　268
12.4.1　通过修改CSS类实现样式操作　268
　实例：修改表单元素的CSS样式
12.4.2　通过修改CSS属性实现样式操作　270
　实例：生成一个可以编辑的表格
小结　272
上机指导　272
习题　275
第 13章　jQuery的事件处理　276
13.1　页面加载响应事件　277
13.2　jQuery中的事件　277
　实例：实现横向导航菜单功能
13.3　事件绑定　281
13.3.1　为元素绑定事件　281
　实例：实现表格的动态换肤
13.3.2　移除绑定　282
13.3.3　绑定一次性事件处理　282
13.4　模拟用户操作　283
13.4.1　模拟用户的操作触发事件　283
　实例：自动执行按钮的click事件
13.4.2　模仿悬停事件　284
　实例：鼠标指向图片时为图片加边框
13.4.3　模拟鼠标连续单击事件　284
　实例：实现图片的放大与缩小
小结　286
上机指导　286
习题　289
第 14章　jQuery的动画效果　290
14.1　基本的动画效果　291
14.1.1　隐藏匹配元素　291
14.1.2　显示匹配元素　291
　实例：自动隐藏式菜单
14.1.3　切换元素的可见状态　293
　实例：全部资源与精简资源的切换
14.2　淡入淡出的动画效果　296
　实例：具有淡入淡出动画效果的自动隐藏式菜单
14.3　滑动效果　297
14.3.1　滑动显示匹配的元素　297
14.3.2　滑动隐藏匹配的元素　298
　实例：伸缩式导航菜单
14.3.3　通过高度的变化动态切换元素的可见性　300
14.4　自定义的动画效果　301
14.4.1　使用animate()方法创建自定义动画　301
　实例：在365影视网中实现即将上线影片信息向上滚动的效果
14.4.2　使用stop()方法停止动画　303
小结　304
上机指导　304
习题　306
第 15章　React简介　307
15.1　React概述　308
15.1.1　什么是React　308
15.1.2　React的常用术语　308
15.2　创建React元素　309
15.2.1　安装React　309
15.2.2　使用JavaScript创建React元素　309
15.2.3　使用JSX创建React元素　310
　实例：在模板中定义一个数组并输出
15.3　创建组件　312
15.3.1　创建无状态React组件　312
15.3.2　创建有状态React组件　313
　实例：控制按钮可用状态
小结　315
上机指导　315
习题　316
第 16章　综合开发实例——365影视网站设计　317
16.1　系统分析　318
16.2　系统设计　318
16.2.1　系统目标　318
16.2.2　系统功能结构　318
16.2.3　开发环境　319
16.2.4　文件夹组织结构　320
16.3　网页预览　320
16.4　关键技术　322
16.4.1　JavaScript脚本技术　322
16.4.2　AJAX无刷新技术　324
16.4.3　jQuery技术　328
16.5　首页技术实现　329
16.5.1　JavaScript实现导航菜单　329
16.5.2　JavaScript实现图片的轮换效果　332
16.5.3　AJAX实现热门专题页面　333
16.5.4　JavaScript实现电影图片不间断滚动　335
16.5.5　JavaScript实现浮动窗口　336
16.5.6　jQuery实现滑动门效果　338
16.5.7　jQuery实现向上间断滚动效果　340
16.6　查看影片详情页面　342
小结　343
第 17章　课程设计——购物车设计　344
17.1　购物车概述　345
17.1.1　功能概述　345
17.1.2　购物车操作流程　345
17.1.3　程序预览　346
17.2　系统设计　347
17.2.1　系统目标　347
17.2.2　开发环境　347
17.2.3　文件夹组织结构　347
17.3　热点关键技术　348
17.3.1　JavaScript中的cookie　348
17.3.2　应用AJAX技术实现用户登录　348
17.3.3　判断用户访问权限　349
17.4　用户登录设计　349
17.4.1　用户登录功能概述　349
17.4.2　自动生成验证码　350
17.4.3　用户登录功能的实现　350
17.5　购物车操作　352
17.5.1　添加购物车　352
17.5.2　查看购物车　355
17.5.3　修改商品购买数量　356
17.5.4　移除购物车中指定商品　357
17.5.5　清空购物车　359
小结　360