Web前端开发(JavaScript+jQuery)(双色)(一体化教材)
定价:¥49.50
作者: 王会颖,陈良敏
最新印次日期:2026-1
出版社:高等教育出版社
- 高等教育出版社
- 9787040625929
- 1版
- 48271690-9
- 16开
- 560
- 电子与信息大类
- 计算机类
- 计算机等
- 高职
内容简介
本书是高等职业教育教学用书。
本书编写适应新一代信息技术发展的需要,对接新技术、新规范,对接行业、产业、职业、岗位新标准,主要讲述Web前端开发核心技术JavaScript及其优秀框架jQuery。
本书共有13章,主要内容包括:认识JavaScript、JavaScript核心语法、JavaScript函数、JavaScript对象、BOM应用、DOM应用、JavaScript事件与CSS交互、表单验证、阶段项目:延安革命纪念馆网站首页特效、jQuery基础、jQuery的DOM操作、jQuery事件与动画、项目案例:京东商城网站特效。
本书既可作为高等职业教育计算机类相关专业的教材、专业职业技能等级证书考证教材,也可作为Web前端开发爱好者的自学用书或相关部门的培训教材。
目录
目录
前辅文
第1章 认识JavaScript
1.1 第一个JavaScript程序
1.1.1 应用场景及实例代码
1.1.2 JavaScript脚本的基本结构
1.1.3 JavaScript脚本放置位置
1.1.4 JavaScript的组成
1.1.5 Web前端开发工具的使用
1.1.6 技能训练1-1
1.2 JavaScript的特点、应用及引用方式
1.2.1 JavaScript的特点
1.2.2 JavaScript的应用
1.2.3 JavaScript的引用方式
1.2.4 技能训练1-2
本章小结
习题1
第2章 JavaScript核心语法
2.1 判断变量或值的数据类型
2.1.1 应用场景及实例代码
2.1.2 语法
2.1.3 变量
2.1.4 数据类型
2.1.5 typeof运算符
2.1.6 技能训练2-1
2.2 两个数的四则运算
2.2.1 应用场景及实例代码
2.2.2 输入和输出
2.2.3 数据类型转换函数
2.2.4 isNaN函数
2.2.5 运算符
2.2.6 if条件语句
2.2.7 switch语句
2.2.8 使用alert()和consolel.og()调试程序
2.2.9 技能训练2-2
2.3 有容错性的两个数的四则运算
2.3.1 应用场景及实例代码
2.3.2 while循环语句
2.3.3 do-while循环语句
2.3.4 技能训练2-3
2.4 打印倒/正金字塔
2.4.1 应用场景及实例代码
2.4.2 for循环语句
2.4.3 break语句
2.4.4 continue语句
2.4.5 使用VSCode调试程序
2.4.6 技能训练2-4
本章小结
习题2
第3章 JavaScript函数
3.1 简易计算器
3.1.1 应用场景及实例代码
3.1.2 代码解析
3.1.3 函数概述
3.1.4 函数的定义和调用
3.1.5 JavaScript全局函数
3.1.6 技能训练3-1
3.2 优化的简易计算器
3.2.1 应用场景及实例代码
3.2.2 代码解析
3.2.3 函数的参数
3.2.4 值传递和引用传递
3.2.5 函数的返回值
3.2.6 技能训练3-2
3.3 图片的上下翻动
3.3.1 应用场景及实例代码
3.3.2 匿名函数
3.3.3 函数的默认参数
3.3.4 函数中的扩展运算符
3.3.5 函数的剩余参数
3.3.6 变量的作用域
3.3.7 技能训练3-3
本章小结
习题3
第4章 JavaScript对象
4.1 时钟特效
4.1.1 应用场景及实例代码
4.1.2 JavaScript对象
4.1.3 Date对象
4.1.4 技能训练4-1
4.2 简易科学计算器
4.2.1 应用场景及实例代码
4.2.2 Math对象
4.2.3 技能训练4-2
4.3 二级级联特效
4.3.1 应用场景及实例代码
4.3.2 数组的创建和访问
4.3.3 数组常用的属性和方法
4.3.4 多维数组
4.3.5 Select对象和Option对象
4.3.6 技能训练4-3
4.3.7 优化二级级联特效
4.3.8 字符串作为数组的索引
4.3.9 for
4.3.10 技能训练4-4
4.4 使用JSON对象显示列表信息
4.4.1 应用场景及实例代码
4.4.2 JSON概述
4.4.3 JSON的语法规则
4.4.4 JSON对象
4.4.5 JSON数组
4.4.6 技能训练4-5
4.5 使用Set对象和Map对象实现库存管理
4.5.1 应用场景及实例代码
4.5.2 Set对象
4.5.3 Map对象
4.5.4 数组、字符串、对象的解构赋值
4.5.5 Set对象和Map对象的解构赋值
4.5.6 技能训练4-6
本章小结
习题4
第5章 BOM应用
5.1 弹出窗口特效
5.1.1 应用场景及实例代码
5.1.2 浏览器对象模型(BOM)
5.1.3 screen对象
5.1.4 window对象
5.1.5 窗口的打开与关闭
5.1.6 技能训练5-1
5.2 带数字的图片循环轮播特效
5.2.1 应用场景及实例代码
5.2.2 定时器
5.2.3 技能训练5-2
5.3 页面跳转效果
5.3.1 应用场景及实例代码
5.3.2 history对象
5.3.3 location对象
5.3.4 技能训练5-3
5.4 使用客户端存储实现注册和登录
5.4.1 应用场景及实例代码
5.4.2 sessionStorage
5.4.3 localStorage
5.4.4 技能训练5-4
本章小结
习题5
第6章 DOM应用
6.1 商品详情页面
6.1.1 应用场景及实例代码
6.1.2 DOM概述
6.1.3 DOM树和节点类型
6.1.4 核心DOM
6.1.5 节点的访问与遍历
6.1.6 节点的属性操作
6.1.7 技能训练6-1
6.2 制作留言板
6.2.1 应用场景及实例代码
6.2.2 节点的创建与添加
6.2.3 节点的替换与删除
6.2.4 技能训练6-2
6.3 订单处理
6.3.1 应用场景及实例代码
6.3.2 HTMLDOM
6.3.3 HTMLDOM对象及其属性
6.3.4 Table对象
6.3.5 TableRow对象
6.3.6 TableCell对象
6.3.7 Element对象
6.3.8 技能训练6-3
6.4 淘宝购物车
6.4.1 应用场景及实例代码
6.4.2 技能训练6-4
本章小结
习题6
第7章 JavaScript事件与CSS交互
7.1 选项卡切换效果
7.1.1 应用场景及实例代码
7.1.2 事件注册与删除
7.1.3 事件对象
7.1.4 事件流
7.1.5 事件冒泡
7.1.6 技能训练7-1
7.2 鼠标指针移入/移出菜单时的特效
7.2.1 应用场景及实例代码
7.2.2 操作元素的样式
7.2.3 技能训练7-2
7.3 页面元素的显示和隐藏
7.3.1 应用场景及实例代码
7.3.2 display样式属性
7.3.3 visibility样式属性
7.3.4 opacity样式属性
7.3.5 技能训练7-3
7.4 手风琴动画特效
7.4.1 应用场景及实例代码
7.4.2 scroll系列属性
7.4.3 技能训练7-4
7.5 漂浮广告特效
7.5.1 应用场景及实例代码
7.5.2 Element对象的部分属性
7.5.3 技能训练7-5
本章小结
习题7
第8章 表单验证
8.1 表单验证
8.1.1 应用场景及实例代码
8.1.2 表单验证简述
8.1.3 表单验证的流程
8.1.4 技能训练8-1
8.2 模拟网易免费邮箱注册页面验证
8.2.1 应用场景及实例代码
8.2.2 String对象
8.2.3 Form对象
8.2.4 技能训练8-2
8.3 实现欢乐网注册页面验证
8.3.1 应用场景及实例代码
8.3.2 正则表达式
8.3.3 RegExp对象的属性和方法
8.3.4 支持正则表达式的String对象的方法
8.3.5 技能训练8-3
8.4 模拟信用卡申请页面验证
8.4.1 应用场景及实例代码
8.4.2 HTML5的验证特性
8.4.3 JavaScript验证API
8.4.4 技能训练8-4
本章小结
习题8
第9章 阶段项目:延安革命纪念馆网站首页特效
9.1 阶段项目需求描述
9.2 阶段项目分析与设计
9.2.1 阶段项目分析
9.2.2 阶段项目开发环境
9.2.3 阶段项目设计
9.3 项目管理
9.3.1 团队人员分工与合作
9.3.2 开发计划、进度及完成情况
9.4 子任务1——Banner区滑动轮播特效
9.4.1 任务及需求说明
9.4.2 参考代码
9.5 子任务2——公告滚动显示特效
9.5.1 任务及需求说明
9.5.2 参考代码
9.6 子任务3——通告区数字轮播特效
9.6.1 任务及需求说明
9.6.2 参考代码
9.7 子任务4——通告区Tab切换特效
9.7.1 任务及需求说明
9.7.2 参考代码
9.8 子任务5——革命人物滚动显示特效
9.8.1 任务及需求说明
9.8.2 参考代码
本章小结
第10章 jQuery基础
10.1 第一个jQuery页面
10.1.1 应用场景及实例代码
10.1.2 jQuery简介
10.1.3 jQuery获取
10.1.4 jQuery使用
10.1.5 技能训练10-1
10.2 延安革命纪念馆红色之旅页面效果
10.2.1 应用场景及实例代码
10.2.2 jQuery基础语法
10.2.3 jQuery编码风格
10.2.4 DOM对象和jQuery对象
10.2.5 技能训练10-2
10.3 延安革命纪念馆页面Banner图轮播效果
10.3.1 应用场景及实例代码
10.3.2 jQuery选择器
10.3.3 基本选择器
10.3.4 层次选择器
10.3.5 属性选择器
10.3.6 技能训练10-3
10.4 延安革命纪念馆页面下拉菜单效果
10.4.1 应用场景及实例代码
10.4.2 过滤选择器
10.4.3 基本过滤选择器
10.4.4 可见性过滤选择器
10.4.5 内容过滤选择器
10.4.6 子元素过滤选择器
10.4.7 技能训练10-4
10.5 欢乐网注册页面验证之jQuery实现
10.5.1 应用场景及实例代码
10.5.2 表单过滤选择器
10.5.3 表单属性过滤选择器
10.5.4 选择器中的特殊符号和空格
10.5.5 技能训练10-5
本章小结
习题10
第11章 jQuery的DOM操作
11.1 全选/不全选特效
11.1.1 应用场景及实例代码
11.1.2 DOM操作分类
11.1.3 jQuery中的DOM操作
11.1.4 属性操作
11.1.5 value属性操作
11.1.6 技能训练11-1
11.2 延安革命纪念馆页面视频与图文效果
11.2.1 应用场景及实例代码
11.2.2 样式操作
11.2.3 CSS DOM操作
11.2.4 节点遍历
11.2.5 遍历子元素
11.2.6 遍历同辈元素
11.2.7 遍历祖先元素
11.2.8 其他遍历方法
11.2.9 技能训练11-2
11.3 订单管理页面特效
11.3.1 应用场景及实例代码
11.3.2 内容、文本操作
11.3.3 节点操作
11.3.4 创建节点
11.3.5 插入节点
11.3.6 复制节点
11.3.7 替换节点
11.3.8 删除节点
11.3.9 技能训练11-3
本章小结
习题11
第12章 jQuery事件与动画
12.1 延安革命纪念馆页面在线点播效果
12.1.1 应用场景及实例代码
12.1.2 jQuery事件
12.1.3 基础事件
12.1.4 复合事件
12.1.5 事件对象
12.1.6 绑定事件与移除事件
12.1.7 技能训练12-1
12.2 树形菜单特效
12.2.1 应用场景及实例代码
12.2.2 jQuery动画
12.2.3 控制元素显示与隐藏
12.2.4 改变元素透明度
12.2.5 调整元素高度
12.2.6 自定义动画
12.2.7 停止动画
12.2.8 技能训练12-2
本章小结
习题12
第13章 项目案例:京东商城网站特效
13.1 项目需求概述
13.2 项目分析与设计
13.2.1 项目分析
13.2.2 项目开发环境
13.2.3 项目设计
13.3 项目管理
13.3.1 团队人员分工与合作
13.3.2 开发计划、进度及完成情况
13.4 子任务1——首页顶图及导航栏二级菜单特效
13.4.1 任务及需求说明
13.4.2 关键代码
13.5 子任务2——首页头部购物车二级级联特效
13.5.1 任务及需求说明
13.5.2 关键代码
13.6 子任务3——首页Banner图轮播特效
13.6.1 任务及需求说明
13.6.2 关键代码
13.7 子任务4——首页京东秒杀倒计时特效
13.7.1 任务及需求说明
13.7.2 关键代码
13.8 子任务5——登录页面验证与特效
13.8.1 任务及需求说明
13.8.2 关键代码
13.9 子任务6——购物车管理与特效
13.9.1 任务及需求说明
13.9.2 关键代码
本章小结
参考文献
前辅文
第1章 认识JavaScript
1.1 第一个JavaScript程序
1.1.1 应用场景及实例代码
1.1.2 JavaScript脚本的基本结构
1.1.3 JavaScript脚本放置位置
1.1.4 JavaScript的组成
1.1.5 Web前端开发工具的使用
1.1.6 技能训练1-1
1.2 JavaScript的特点、应用及引用方式
1.2.1 JavaScript的特点
1.2.2 JavaScript的应用
1.2.3 JavaScript的引用方式
1.2.4 技能训练1-2
本章小结
习题1
第2章 JavaScript核心语法
2.1 判断变量或值的数据类型
2.1.1 应用场景及实例代码
2.1.2 语法
2.1.3 变量
2.1.4 数据类型
2.1.5 typeof运算符
2.1.6 技能训练2-1
2.2 两个数的四则运算
2.2.1 应用场景及实例代码
2.2.2 输入和输出
2.2.3 数据类型转换函数
2.2.4 isNaN函数
2.2.5 运算符
2.2.6 if条件语句
2.2.7 switch语句
2.2.8 使用alert()和consolel.og()调试程序
2.2.9 技能训练2-2
2.3 有容错性的两个数的四则运算
2.3.1 应用场景及实例代码
2.3.2 while循环语句
2.3.3 do-while循环语句
2.3.4 技能训练2-3
2.4 打印倒/正金字塔
2.4.1 应用场景及实例代码
2.4.2 for循环语句
2.4.3 break语句
2.4.4 continue语句
2.4.5 使用VSCode调试程序
2.4.6 技能训练2-4
本章小结
习题2
第3章 JavaScript函数
3.1 简易计算器
3.1.1 应用场景及实例代码
3.1.2 代码解析
3.1.3 函数概述
3.1.4 函数的定义和调用
3.1.5 JavaScript全局函数
3.1.6 技能训练3-1
3.2 优化的简易计算器
3.2.1 应用场景及实例代码
3.2.2 代码解析
3.2.3 函数的参数
3.2.4 值传递和引用传递
3.2.5 函数的返回值
3.2.6 技能训练3-2
3.3 图片的上下翻动
3.3.1 应用场景及实例代码
3.3.2 匿名函数
3.3.3 函数的默认参数
3.3.4 函数中的扩展运算符
3.3.5 函数的剩余参数
3.3.6 变量的作用域
3.3.7 技能训练3-3
本章小结
习题3
第4章 JavaScript对象
4.1 时钟特效
4.1.1 应用场景及实例代码
4.1.2 JavaScript对象
4.1.3 Date对象
4.1.4 技能训练4-1
4.2 简易科学计算器
4.2.1 应用场景及实例代码
4.2.2 Math对象
4.2.3 技能训练4-2
4.3 二级级联特效
4.3.1 应用场景及实例代码
4.3.2 数组的创建和访问
4.3.3 数组常用的属性和方法
4.3.4 多维数组
4.3.5 Select对象和Option对象
4.3.6 技能训练4-3
4.3.7 优化二级级联特效
4.3.8 字符串作为数组的索引
4.3.9 for
4.3.10 技能训练4-4
4.4 使用JSON对象显示列表信息
4.4.1 应用场景及实例代码
4.4.2 JSON概述
4.4.3 JSON的语法规则
4.4.4 JSON对象
4.4.5 JSON数组
4.4.6 技能训练4-5
4.5 使用Set对象和Map对象实现库存管理
4.5.1 应用场景及实例代码
4.5.2 Set对象
4.5.3 Map对象
4.5.4 数组、字符串、对象的解构赋值
4.5.5 Set对象和Map对象的解构赋值
4.5.6 技能训练4-6
本章小结
习题4
第5章 BOM应用
5.1 弹出窗口特效
5.1.1 应用场景及实例代码
5.1.2 浏览器对象模型(BOM)
5.1.3 screen对象
5.1.4 window对象
5.1.5 窗口的打开与关闭
5.1.6 技能训练5-1
5.2 带数字的图片循环轮播特效
5.2.1 应用场景及实例代码
5.2.2 定时器
5.2.3 技能训练5-2
5.3 页面跳转效果
5.3.1 应用场景及实例代码
5.3.2 history对象
5.3.3 location对象
5.3.4 技能训练5-3
5.4 使用客户端存储实现注册和登录
5.4.1 应用场景及实例代码
5.4.2 sessionStorage
5.4.3 localStorage
5.4.4 技能训练5-4
本章小结
习题5
第6章 DOM应用
6.1 商品详情页面
6.1.1 应用场景及实例代码
6.1.2 DOM概述
6.1.3 DOM树和节点类型
6.1.4 核心DOM
6.1.5 节点的访问与遍历
6.1.6 节点的属性操作
6.1.7 技能训练6-1
6.2 制作留言板
6.2.1 应用场景及实例代码
6.2.2 节点的创建与添加
6.2.3 节点的替换与删除
6.2.4 技能训练6-2
6.3 订单处理
6.3.1 应用场景及实例代码
6.3.2 HTMLDOM
6.3.3 HTMLDOM对象及其属性
6.3.4 Table对象
6.3.5 TableRow对象
6.3.6 TableCell对象
6.3.7 Element对象
6.3.8 技能训练6-3
6.4 淘宝购物车
6.4.1 应用场景及实例代码
6.4.2 技能训练6-4
本章小结
习题6
第7章 JavaScript事件与CSS交互
7.1 选项卡切换效果
7.1.1 应用场景及实例代码
7.1.2 事件注册与删除
7.1.3 事件对象
7.1.4 事件流
7.1.5 事件冒泡
7.1.6 技能训练7-1
7.2 鼠标指针移入/移出菜单时的特效
7.2.1 应用场景及实例代码
7.2.2 操作元素的样式
7.2.3 技能训练7-2
7.3 页面元素的显示和隐藏
7.3.1 应用场景及实例代码
7.3.2 display样式属性
7.3.3 visibility样式属性
7.3.4 opacity样式属性
7.3.5 技能训练7-3
7.4 手风琴动画特效
7.4.1 应用场景及实例代码
7.4.2 scroll系列属性
7.4.3 技能训练7-4
7.5 漂浮广告特效
7.5.1 应用场景及实例代码
7.5.2 Element对象的部分属性
7.5.3 技能训练7-5
本章小结
习题7
第8章 表单验证
8.1 表单验证
8.1.1 应用场景及实例代码
8.1.2 表单验证简述
8.1.3 表单验证的流程
8.1.4 技能训练8-1
8.2 模拟网易免费邮箱注册页面验证
8.2.1 应用场景及实例代码
8.2.2 String对象
8.2.3 Form对象
8.2.4 技能训练8-2
8.3 实现欢乐网注册页面验证
8.3.1 应用场景及实例代码
8.3.2 正则表达式
8.3.3 RegExp对象的属性和方法
8.3.4 支持正则表达式的String对象的方法
8.3.5 技能训练8-3
8.4 模拟信用卡申请页面验证
8.4.1 应用场景及实例代码
8.4.2 HTML5的验证特性
8.4.3 JavaScript验证API
8.4.4 技能训练8-4
本章小结
习题8
第9章 阶段项目:延安革命纪念馆网站首页特效
9.1 阶段项目需求描述
9.2 阶段项目分析与设计
9.2.1 阶段项目分析
9.2.2 阶段项目开发环境
9.2.3 阶段项目设计
9.3 项目管理
9.3.1 团队人员分工与合作
9.3.2 开发计划、进度及完成情况
9.4 子任务1——Banner区滑动轮播特效
9.4.1 任务及需求说明
9.4.2 参考代码
9.5 子任务2——公告滚动显示特效
9.5.1 任务及需求说明
9.5.2 参考代码
9.6 子任务3——通告区数字轮播特效
9.6.1 任务及需求说明
9.6.2 参考代码
9.7 子任务4——通告区Tab切换特效
9.7.1 任务及需求说明
9.7.2 参考代码
9.8 子任务5——革命人物滚动显示特效
9.8.1 任务及需求说明
9.8.2 参考代码
本章小结
第10章 jQuery基础
10.1 第一个jQuery页面
10.1.1 应用场景及实例代码
10.1.2 jQuery简介
10.1.3 jQuery获取
10.1.4 jQuery使用
10.1.5 技能训练10-1
10.2 延安革命纪念馆红色之旅页面效果
10.2.1 应用场景及实例代码
10.2.2 jQuery基础语法
10.2.3 jQuery编码风格
10.2.4 DOM对象和jQuery对象
10.2.5 技能训练10-2
10.3 延安革命纪念馆页面Banner图轮播效果
10.3.1 应用场景及实例代码
10.3.2 jQuery选择器
10.3.3 基本选择器
10.3.4 层次选择器
10.3.5 属性选择器
10.3.6 技能训练10-3
10.4 延安革命纪念馆页面下拉菜单效果
10.4.1 应用场景及实例代码
10.4.2 过滤选择器
10.4.3 基本过滤选择器
10.4.4 可见性过滤选择器
10.4.5 内容过滤选择器
10.4.6 子元素过滤选择器
10.4.7 技能训练10-4
10.5 欢乐网注册页面验证之jQuery实现
10.5.1 应用场景及实例代码
10.5.2 表单过滤选择器
10.5.3 表单属性过滤选择器
10.5.4 选择器中的特殊符号和空格
10.5.5 技能训练10-5
本章小结
习题10
第11章 jQuery的DOM操作
11.1 全选/不全选特效
11.1.1 应用场景及实例代码
11.1.2 DOM操作分类
11.1.3 jQuery中的DOM操作
11.1.4 属性操作
11.1.5 value属性操作
11.1.6 技能训练11-1
11.2 延安革命纪念馆页面视频与图文效果
11.2.1 应用场景及实例代码
11.2.2 样式操作
11.2.3 CSS DOM操作
11.2.4 节点遍历
11.2.5 遍历子元素
11.2.6 遍历同辈元素
11.2.7 遍历祖先元素
11.2.8 其他遍历方法
11.2.9 技能训练11-2
11.3 订单管理页面特效
11.3.1 应用场景及实例代码
11.3.2 内容、文本操作
11.3.3 节点操作
11.3.4 创建节点
11.3.5 插入节点
11.3.6 复制节点
11.3.7 替换节点
11.3.8 删除节点
11.3.9 技能训练11-3
本章小结
习题11
第12章 jQuery事件与动画
12.1 延安革命纪念馆页面在线点播效果
12.1.1 应用场景及实例代码
12.1.2 jQuery事件
12.1.3 基础事件
12.1.4 复合事件
12.1.5 事件对象
12.1.6 绑定事件与移除事件
12.1.7 技能训练12-1
12.2 树形菜单特效
12.2.1 应用场景及实例代码
12.2.2 jQuery动画
12.2.3 控制元素显示与隐藏
12.2.4 改变元素透明度
12.2.5 调整元素高度
12.2.6 自定义动画
12.2.7 停止动画
12.2.8 技能训练12-2
本章小结
习题12
第13章 项目案例:京东商城网站特效
13.1 项目需求概述
13.2 项目分析与设计
13.2.1 项目分析
13.2.2 项目开发环境
13.2.3 项目设计
13.3 项目管理
13.3.1 团队人员分工与合作
13.3.2 开发计划、进度及完成情况
13.4 子任务1——首页顶图及导航栏二级菜单特效
13.4.1 任务及需求说明
13.4.2 关键代码
13.5 子任务2——首页头部购物车二级级联特效
13.5.1 任务及需求说明
13.5.2 关键代码
13.6 子任务3——首页Banner图轮播特效
13.6.1 任务及需求说明
13.6.2 关键代码
13.7 子任务4——首页京东秒杀倒计时特效
13.7.1 任务及需求说明
13.7.2 关键代码
13.8 子任务5——登录页面验证与特效
13.8.1 任务及需求说明
13.8.2 关键代码
13.9 子任务6——购物车管理与特效
13.9.1 任务及需求说明
13.9.2 关键代码
本章小结
参考文献
前辅文
第1章 认识JavaScript
1.1 第一个JavaScript程序
1.1.1 应用场景及实例代码
1.1.2 JavaScript脚本的基本结构
1.1.3 JavaScript脚本放置位置
1.1.4 JavaScript的组成
1.1.5 Web前端开发工具的使用
1.1.6 技能训练1-1
1.2 JavaScript的特点、应用及引用方式
1.2.1 JavaScript的特点
1.2.2 JavaScript的应用
1.2.3 JavaScript的引用方式
1.2.4 技能训练1-2
本章小结
习题1
第2章 JavaScript核心语法
2.1 判断变量或值的数据类型
2.1.1 应用场景及实例代码
2.1.2 语法
2.1.3 变量
2.1.4 数据类型
2.1.5 typeof运算符
2.1.6 技能训练2-1
2.2 两个数的四则运算
2.2.1 应用场景及实例代码
2.2.2 输入和输出
2.2.3 数据类型转换函数
2.2.4 isNaN函数
2.2.5 运算符
2.2.6 if条件语句
2.2.7 switch语句
2.2.8 使用alert()和consolel.og()调试程序
2.2.9 技能训练2-2
2.3 有容错性的两个数的四则运算
2.3.1 应用场景及实例代码
2.3.2 while循环语句
2.3.3 do-while循环语句
2.3.4 技能训练2-3
2.4 打印倒/正金字塔
2.4.1 应用场景及实例代码
2.4.2 for循环语句
2.4.3 break语句
2.4.4 continue语句
2.4.5 使用VSCode调试程序
2.4.6 技能训练2-4
本章小结
习题2
第3章 JavaScript函数
3.1 简易计算器
3.1.1 应用场景及实例代码
3.1.2 代码解析
3.1.3 函数概述
3.1.4 函数的定义和调用
3.1.5 JavaScript全局函数
3.1.6 技能训练3-1
3.2 优化的简易计算器
3.2.1 应用场景及实例代码
3.2.2 代码解析
3.2.3 函数的参数
3.2.4 值传递和引用传递
3.2.5 函数的返回值
3.2.6 技能训练3-2
3.3 图片的上下翻动
3.3.1 应用场景及实例代码
3.3.2 匿名函数
3.3.3 函数的默认参数
3.3.4 函数中的扩展运算符
3.3.5 函数的剩余参数
3.3.6 变量的作用域
3.3.7 技能训练3-3
本章小结
习题3
第4章 JavaScript对象
4.1 时钟特效
4.1.1 应用场景及实例代码
4.1.2 JavaScript对象
4.1.3 Date对象
4.1.4 技能训练4-1
4.2 简易科学计算器
4.2.1 应用场景及实例代码
4.2.2 Math对象
4.2.3 技能训练4-2
4.3 二级级联特效
4.3.1 应用场景及实例代码
4.3.2 数组的创建和访问
4.3.3 数组常用的属性和方法
4.3.4 多维数组
4.3.5 Select对象和Option对象
4.3.6 技能训练4-3
4.3.7 优化二级级联特效
4.3.8 字符串作为数组的索引
4.3.9 for
4.3.10 技能训练4-4
4.4 使用JSON对象显示列表信息
4.4.1 应用场景及实例代码
4.4.2 JSON概述
4.4.3 JSON的语法规则
4.4.4 JSON对象
4.4.5 JSON数组
4.4.6 技能训练4-5
4.5 使用Set对象和Map对象实现库存管理
4.5.1 应用场景及实例代码
4.5.2 Set对象
4.5.3 Map对象
4.5.4 数组、字符串、对象的解构赋值
4.5.5 Set对象和Map对象的解构赋值
4.5.6 技能训练4-6
本章小结
习题4
第5章 BOM应用
5.1 弹出窗口特效
5.1.1 应用场景及实例代码
5.1.2 浏览器对象模型(BOM)
5.1.3 screen对象
5.1.4 window对象
5.1.5 窗口的打开与关闭
5.1.6 技能训练5-1
5.2 带数字的图片循环轮播特效
5.2.1 应用场景及实例代码
5.2.2 定时器
5.2.3 技能训练5-2
5.3 页面跳转效果
5.3.1 应用场景及实例代码
5.3.2 history对象
5.3.3 location对象
5.3.4 技能训练5-3
5.4 使用客户端存储实现注册和登录
5.4.1 应用场景及实例代码
5.4.2 sessionStorage
5.4.3 localStorage
5.4.4 技能训练5-4
本章小结
习题5
第6章 DOM应用
6.1 商品详情页面
6.1.1 应用场景及实例代码
6.1.2 DOM概述
6.1.3 DOM树和节点类型
6.1.4 核心DOM
6.1.5 节点的访问与遍历
6.1.6 节点的属性操作
6.1.7 技能训练6-1
6.2 制作留言板
6.2.1 应用场景及实例代码
6.2.2 节点的创建与添加
6.2.3 节点的替换与删除
6.2.4 技能训练6-2
6.3 订单处理
6.3.1 应用场景及实例代码
6.3.2 HTMLDOM
6.3.3 HTMLDOM对象及其属性
6.3.4 Table对象
6.3.5 TableRow对象
6.3.6 TableCell对象
6.3.7 Element对象
6.3.8 技能训练6-3
6.4 淘宝购物车
6.4.1 应用场景及实例代码
6.4.2 技能训练6-4
本章小结
习题6
第7章 JavaScript事件与CSS交互
7.1 选项卡切换效果
7.1.1 应用场景及实例代码
7.1.2 事件注册与删除
7.1.3 事件对象
7.1.4 事件流
7.1.5 事件冒泡
7.1.6 技能训练7-1
7.2 鼠标指针移入/移出菜单时的特效
7.2.1 应用场景及实例代码
7.2.2 操作元素的样式
7.2.3 技能训练7-2
7.3 页面元素的显示和隐藏
7.3.1 应用场景及实例代码
7.3.2 display样式属性
7.3.3 visibility样式属性
7.3.4 opacity样式属性
7.3.5 技能训练7-3
7.4 手风琴动画特效
7.4.1 应用场景及实例代码
7.4.2 scroll系列属性
7.4.3 技能训练7-4
7.5 漂浮广告特效
7.5.1 应用场景及实例代码
7.5.2 Element对象的部分属性
7.5.3 技能训练7-5
本章小结
习题7
第8章 表单验证
8.1 表单验证
8.1.1 应用场景及实例代码
8.1.2 表单验证简述
8.1.3 表单验证的流程
8.1.4 技能训练8-1
8.2 模拟网易免费邮箱注册页面验证
8.2.1 应用场景及实例代码
8.2.2 String对象
8.2.3 Form对象
8.2.4 技能训练8-2
8.3 实现欢乐网注册页面验证
8.3.1 应用场景及实例代码
8.3.2 正则表达式
8.3.3 RegExp对象的属性和方法
8.3.4 支持正则表达式的String对象的方法
8.3.5 技能训练8-3
8.4 模拟信用卡申请页面验证
8.4.1 应用场景及实例代码
8.4.2 HTML5的验证特性
8.4.3 JavaScript验证API
8.4.4 技能训练8-4
本章小结
习题8
第9章 阶段项目:延安革命纪念馆网站首页特效
9.1 阶段项目需求描述
9.2 阶段项目分析与设计
9.2.1 阶段项目分析
9.2.2 阶段项目开发环境
9.2.3 阶段项目设计
9.3 项目管理
9.3.1 团队人员分工与合作
9.3.2 开发计划、进度及完成情况
9.4 子任务1——Banner区滑动轮播特效
9.4.1 任务及需求说明
9.4.2 参考代码
9.5 子任务2——公告滚动显示特效
9.5.1 任务及需求说明
9.5.2 参考代码
9.6 子任务3——通告区数字轮播特效
9.6.1 任务及需求说明
9.6.2 参考代码
9.7 子任务4——通告区Tab切换特效
9.7.1 任务及需求说明
9.7.2 参考代码
9.8 子任务5——革命人物滚动显示特效
9.8.1 任务及需求说明
9.8.2 参考代码
本章小结
第10章 jQuery基础
10.1 第一个jQuery页面
10.1.1 应用场景及实例代码
10.1.2 jQuery简介
10.1.3 jQuery获取
10.1.4 jQuery使用
10.1.5 技能训练10-1
10.2 延安革命纪念馆红色之旅页面效果
10.2.1 应用场景及实例代码
10.2.2 jQuery基础语法
10.2.3 jQuery编码风格
10.2.4 DOM对象和jQuery对象
10.2.5 技能训练10-2
10.3 延安革命纪念馆页面Banner图轮播效果
10.3.1 应用场景及实例代码
10.3.2 jQuery选择器
10.3.3 基本选择器
10.3.4 层次选择器
10.3.5 属性选择器
10.3.6 技能训练10-3
10.4 延安革命纪念馆页面下拉菜单效果
10.4.1 应用场景及实例代码
10.4.2 过滤选择器
10.4.3 基本过滤选择器
10.4.4 可见性过滤选择器
10.4.5 内容过滤选择器
10.4.6 子元素过滤选择器
10.4.7 技能训练10-4
10.5 欢乐网注册页面验证之jQuery实现
10.5.1 应用场景及实例代码
10.5.2 表单过滤选择器
10.5.3 表单属性过滤选择器
10.5.4 选择器中的特殊符号和空格
10.5.5 技能训练10-5
本章小结
习题10
第11章 jQuery的DOM操作
11.1 全选/不全选特效
11.1.1 应用场景及实例代码
11.1.2 DOM操作分类
11.1.3 jQuery中的DOM操作
11.1.4 属性操作
11.1.5 value属性操作
11.1.6 技能训练11-1
11.2 延安革命纪念馆页面视频与图文效果
11.2.1 应用场景及实例代码
11.2.2 样式操作
11.2.3 CSS DOM操作
11.2.4 节点遍历
11.2.5 遍历子元素
11.2.6 遍历同辈元素
11.2.7 遍历祖先元素
11.2.8 其他遍历方法
11.2.9 技能训练11-2
11.3 订单管理页面特效
11.3.1 应用场景及实例代码
11.3.2 内容、文本操作
11.3.3 节点操作
11.3.4 创建节点
11.3.5 插入节点
11.3.6 复制节点
11.3.7 替换节点
11.3.8 删除节点
11.3.9 技能训练11-3
本章小结
习题11
第12章 jQuery事件与动画
12.1 延安革命纪念馆页面在线点播效果
12.1.1 应用场景及实例代码
12.1.2 jQuery事件
12.1.3 基础事件
12.1.4 复合事件
12.1.5 事件对象
12.1.6 绑定事件与移除事件
12.1.7 技能训练12-1
12.2 树形菜单特效
12.2.1 应用场景及实例代码
12.2.2 jQuery动画
12.2.3 控制元素显示与隐藏
12.2.4 改变元素透明度
12.2.5 调整元素高度
12.2.6 自定义动画
12.2.7 停止动画
12.2.8 技能训练12-2
本章小结
习题12
第13章 项目案例:京东商城网站特效
13.1 项目需求概述
13.2 项目分析与设计
13.2.1 项目分析
13.2.2 项目开发环境
13.2.3 项目设计
13.3 项目管理
13.3.1 团队人员分工与合作
13.3.2 开发计划、进度及完成情况
13.4 子任务1——首页顶图及导航栏二级菜单特效
13.4.1 任务及需求说明
13.4.2 关键代码
13.5 子任务2——首页头部购物车二级级联特效
13.5.1 任务及需求说明
13.5.2 关键代码
13.6 子任务3——首页Banner图轮播特效
13.6.1 任务及需求说明
13.6.2 关键代码
13.7 子任务4——首页京东秒杀倒计时特效
13.7.1 任务及需求说明
13.7.2 关键代码
13.8 子任务5——登录页面验证与特效
13.8.1 任务及需求说明
13.8.2 关键代码
13.9 子任务6——购物车管理与特效
13.9.1 任务及需求说明
13.9.2 关键代码
本章小结
参考文献
前辅文
第1章 认识JavaScript
1.1 第一个JavaScript程序
1.1.1 应用场景及实例代码
1.1.2 JavaScript脚本的基本结构
1.1.3 JavaScript脚本放置位置
1.1.4 JavaScript的组成
1.1.5 Web前端开发工具的使用
1.1.6 技能训练1-1
1.2 JavaScript的特点、应用及引用方式
1.2.1 JavaScript的特点
1.2.2 JavaScript的应用
1.2.3 JavaScript的引用方式
1.2.4 技能训练1-2
本章小结
习题1
第2章 JavaScript核心语法
2.1 判断变量或值的数据类型
2.1.1 应用场景及实例代码
2.1.2 语法
2.1.3 变量
2.1.4 数据类型
2.1.5 typeof运算符
2.1.6 技能训练2-1
2.2 两个数的四则运算
2.2.1 应用场景及实例代码
2.2.2 输入和输出
2.2.3 数据类型转换函数
2.2.4 isNaN函数
2.2.5 运算符
2.2.6 if条件语句
2.2.7 switch语句
2.2.8 使用alert()和consolel.og()调试程序
2.2.9 技能训练2-2
2.3 有容错性的两个数的四则运算
2.3.1 应用场景及实例代码
2.3.2 while循环语句
2.3.3 do-while循环语句
2.3.4 技能训练2-3
2.4 打印倒/正金字塔
2.4.1 应用场景及实例代码
2.4.2 for循环语句
2.4.3 break语句
2.4.4 continue语句
2.4.5 使用VSCode调试程序
2.4.6 技能训练2-4
本章小结
习题2
第3章 JavaScript函数
3.1 简易计算器
3.1.1 应用场景及实例代码
3.1.2 代码解析
3.1.3 函数概述
3.1.4 函数的定义和调用
3.1.5 JavaScript全局函数
3.1.6 技能训练3-1
3.2 优化的简易计算器
3.2.1 应用场景及实例代码
3.2.2 代码解析
3.2.3 函数的参数
3.2.4 值传递和引用传递
3.2.5 函数的返回值
3.2.6 技能训练3-2
3.3 图片的上下翻动
3.3.1 应用场景及实例代码
3.3.2 匿名函数
3.3.3 函数的默认参数
3.3.4 函数中的扩展运算符
3.3.5 函数的剩余参数
3.3.6 变量的作用域
3.3.7 技能训练3-3
本章小结
习题3
第4章 JavaScript对象
4.1 时钟特效
4.1.1 应用场景及实例代码
4.1.2 JavaScript对象
4.1.3 Date对象
4.1.4 技能训练4-1
4.2 简易科学计算器
4.2.1 应用场景及实例代码
4.2.2 Math对象
4.2.3 技能训练4-2
4.3 二级级联特效
4.3.1 应用场景及实例代码
4.3.2 数组的创建和访问
4.3.3 数组常用的属性和方法
4.3.4 多维数组
4.3.5 Select对象和Option对象
4.3.6 技能训练4-3
4.3.7 优化二级级联特效
4.3.8 字符串作为数组的索引
4.3.9 for
4.3.10 技能训练4-4
4.4 使用JSON对象显示列表信息
4.4.1 应用场景及实例代码
4.4.2 JSON概述
4.4.3 JSON的语法规则
4.4.4 JSON对象
4.4.5 JSON数组
4.4.6 技能训练4-5
4.5 使用Set对象和Map对象实现库存管理
4.5.1 应用场景及实例代码
4.5.2 Set对象
4.5.3 Map对象
4.5.4 数组、字符串、对象的解构赋值
4.5.5 Set对象和Map对象的解构赋值
4.5.6 技能训练4-6
本章小结
习题4
第5章 BOM应用
5.1 弹出窗口特效
5.1.1 应用场景及实例代码
5.1.2 浏览器对象模型(BOM)
5.1.3 screen对象
5.1.4 window对象
5.1.5 窗口的打开与关闭
5.1.6 技能训练5-1
5.2 带数字的图片循环轮播特效
5.2.1 应用场景及实例代码
5.2.2 定时器
5.2.3 技能训练5-2
5.3 页面跳转效果
5.3.1 应用场景及实例代码
5.3.2 history对象
5.3.3 location对象
5.3.4 技能训练5-3
5.4 使用客户端存储实现注册和登录
5.4.1 应用场景及实例代码
5.4.2 sessionStorage
5.4.3 localStorage
5.4.4 技能训练5-4
本章小结
习题5
第6章 DOM应用
6.1 商品详情页面
6.1.1 应用场景及实例代码
6.1.2 DOM概述
6.1.3 DOM树和节点类型
6.1.4 核心DOM
6.1.5 节点的访问与遍历
6.1.6 节点的属性操作
6.1.7 技能训练6-1
6.2 制作留言板
6.2.1 应用场景及实例代码
6.2.2 节点的创建与添加
6.2.3 节点的替换与删除
6.2.4 技能训练6-2
6.3 订单处理
6.3.1 应用场景及实例代码
6.3.2 HTMLDOM
6.3.3 HTMLDOM对象及其属性
6.3.4 Table对象
6.3.5 TableRow对象
6.3.6 TableCell对象
6.3.7 Element对象
6.3.8 技能训练6-3
6.4 淘宝购物车
6.4.1 应用场景及实例代码
6.4.2 技能训练6-4
本章小结
习题6
第7章 JavaScript事件与CSS交互
7.1 选项卡切换效果
7.1.1 应用场景及实例代码
7.1.2 事件注册与删除
7.1.3 事件对象
7.1.4 事件流
7.1.5 事件冒泡
7.1.6 技能训练7-1
7.2 鼠标指针移入/移出菜单时的特效
7.2.1 应用场景及实例代码
7.2.2 操作元素的样式
7.2.3 技能训练7-2
7.3 页面元素的显示和隐藏
7.3.1 应用场景及实例代码
7.3.2 display样式属性
7.3.3 visibility样式属性
7.3.4 opacity样式属性
7.3.5 技能训练7-3
7.4 手风琴动画特效
7.4.1 应用场景及实例代码
7.4.2 scroll系列属性
7.4.3 技能训练7-4
7.5 漂浮广告特效
7.5.1 应用场景及实例代码
7.5.2 Element对象的部分属性
7.5.3 技能训练7-5
本章小结
习题7
第8章 表单验证
8.1 表单验证
8.1.1 应用场景及实例代码
8.1.2 表单验证简述
8.1.3 表单验证的流程
8.1.4 技能训练8-1
8.2 模拟网易免费邮箱注册页面验证
8.2.1 应用场景及实例代码
8.2.2 String对象
8.2.3 Form对象
8.2.4 技能训练8-2
8.3 实现欢乐网注册页面验证
8.3.1 应用场景及实例代码
8.3.2 正则表达式
8.3.3 RegExp对象的属性和方法
8.3.4 支持正则表达式的String对象的方法
8.3.5 技能训练8-3
8.4 模拟信用卡申请页面验证
8.4.1 应用场景及实例代码
8.4.2 HTML5的验证特性
8.4.3 JavaScript验证API
8.4.4 技能训练8-4
本章小结
习题8
第9章 阶段项目:延安革命纪念馆网站首页特效
9.1 阶段项目需求描述
9.2 阶段项目分析与设计
9.2.1 阶段项目分析
9.2.2 阶段项目开发环境
9.2.3 阶段项目设计
9.3 项目管理
9.3.1 团队人员分工与合作
9.3.2 开发计划、进度及完成情况
9.4 子任务1——Banner区滑动轮播特效
9.4.1 任务及需求说明
9.4.2 参考代码
9.5 子任务2——公告滚动显示特效
9.5.1 任务及需求说明
9.5.2 参考代码
9.6 子任务3——通告区数字轮播特效
9.6.1 任务及需求说明
9.6.2 参考代码
9.7 子任务4——通告区Tab切换特效
9.7.1 任务及需求说明
9.7.2 参考代码
9.8 子任务5——革命人物滚动显示特效
9.8.1 任务及需求说明
9.8.2 参考代码
本章小结
第10章 jQuery基础
10.1 第一个jQuery页面
10.1.1 应用场景及实例代码
10.1.2 jQuery简介
10.1.3 jQuery获取
10.1.4 jQuery使用
10.1.5 技能训练10-1
10.2 延安革命纪念馆红色之旅页面效果
10.2.1 应用场景及实例代码
10.2.2 jQuery基础语法
10.2.3 jQuery编码风格
10.2.4 DOM对象和jQuery对象
10.2.5 技能训练10-2
10.3 延安革命纪念馆页面Banner图轮播效果
10.3.1 应用场景及实例代码
10.3.2 jQuery选择器
10.3.3 基本选择器
10.3.4 层次选择器
10.3.5 属性选择器
10.3.6 技能训练10-3
10.4 延安革命纪念馆页面下拉菜单效果
10.4.1 应用场景及实例代码
10.4.2 过滤选择器
10.4.3 基本过滤选择器
10.4.4 可见性过滤选择器
10.4.5 内容过滤选择器
10.4.6 子元素过滤选择器
10.4.7 技能训练10-4
10.5 欢乐网注册页面验证之jQuery实现
10.5.1 应用场景及实例代码
10.5.2 表单过滤选择器
10.5.3 表单属性过滤选择器
10.5.4 选择器中的特殊符号和空格
10.5.5 技能训练10-5
本章小结
习题10
第11章 jQuery的DOM操作
11.1 全选/不全选特效
11.1.1 应用场景及实例代码
11.1.2 DOM操作分类
11.1.3 jQuery中的DOM操作
11.1.4 属性操作
11.1.5 value属性操作
11.1.6 技能训练11-1
11.2 延安革命纪念馆页面视频与图文效果
11.2.1 应用场景及实例代码
11.2.2 样式操作
11.2.3 CSS DOM操作
11.2.4 节点遍历
11.2.5 遍历子元素
11.2.6 遍历同辈元素
11.2.7 遍历祖先元素
11.2.8 其他遍历方法
11.2.9 技能训练11-2
11.3 订单管理页面特效
11.3.1 应用场景及实例代码
11.3.2 内容、文本操作
11.3.3 节点操作
11.3.4 创建节点
11.3.5 插入节点
11.3.6 复制节点
11.3.7 替换节点
11.3.8 删除节点
11.3.9 技能训练11-3
本章小结
习题11
第12章 jQuery事件与动画
12.1 延安革命纪念馆页面在线点播效果
12.1.1 应用场景及实例代码
12.1.2 jQuery事件
12.1.3 基础事件
12.1.4 复合事件
12.1.5 事件对象
12.1.6 绑定事件与移除事件
12.1.7 技能训练12-1
12.2 树形菜单特效
12.2.1 应用场景及实例代码
12.2.2 jQuery动画
12.2.3 控制元素显示与隐藏
12.2.4 改变元素透明度
12.2.5 调整元素高度
12.2.6 自定义动画
12.2.7 停止动画
12.2.8 技能训练12-2
本章小结
习题12
第13章 项目案例:京东商城网站特效
13.1 项目需求概述
13.2 项目分析与设计
13.2.1 项目分析
13.2.2 项目开发环境
13.2.3 项目设计
13.3 项目管理
13.3.1 团队人员分工与合作
13.3.2 开发计划、进度及完成情况
13.4 子任务1——首页顶图及导航栏二级菜单特效
13.4.1 任务及需求说明
13.4.2 关键代码
13.5 子任务2——首页头部购物车二级级联特效
13.5.1 任务及需求说明
13.5.2 关键代码
13.6 子任务3——首页Banner图轮播特效
13.6.1 任务及需求说明
13.6.2 关键代码
13.7 子任务4——首页京东秒杀倒计时特效
13.7.1 任务及需求说明
13.7.2 关键代码
13.8 子任务5——登录页面验证与特效
13.8.1 任务及需求说明
13.8.2 关键代码
13.9 子任务6——购物车管理与特效
13.9.1 任务及需求说明
13.9.2 关键代码
本章小结
参考文献
















