本书系统地介绍JavaScript交互式网页设计的相关知识和技术。以典型工作任务为载体，以HTML5、CSS3和JavaScript为技术支撑，将关键知识和技术融入8个单元之中，具体包括理解JavaScript脚本语言、设计网页换肤效果、设计网站的二级导航效果、设计公告栏信息滚动效果、设计模态对话框效果、设计网页轮播图效果、设计表单校验效果和设计网页抽奖器。
本书可作为高职院校计算机相关专业的JavaScript交互式网页设计教材，也可作为JavaScript爱好者或培训机构Web技术培训的参考书。

单元1 理解JavaScript脚本语言
【单元目标】
【核心内容】
1.1 任务描述
1.2 任务分析与设计
1.2.1 JavaScript在Web中的地位和作用
1.2.2 JavaScript学习路线
1.3 关键知识和技术——搭建开发环境
1.3.1 什么是JavaScript
1.3.2 在HTML中使用JavaScript
1.3.3 浏览器渲染Web页面的过程
1.3.4 浏览器中的开发者工具
1.3.5 利用Node.js安装http-server服务器
1.4 任务实现
1.4.1 认识JavaScript词法符号
1.4.2 认识JavaScript数据类型
1.4.3 认识JavaScript变量
1.4.4 认识JavaScript常量
1.4.5 认识JavaScript运算符
1.4.6 认识JavaScript表达式
1.4.7 认识JavaScript语句
1.5 任务拓展——配置ECMAScript 6兼容环境
1.5.1 了解JavaScript的常用扩展库、常用框架和衍生语言
1.5.2 了解ECMAScript 6的新特性
1.5.3 配置ECMAScript 6的兼容环境
1.6 课后训练
【归纳总结】
单元2 设计网页换肤效果
【单元目标】
【核心内容】
2.1 任务描述
2.2 任务分析与设计
2.3 关键知识和技术——DOM和本地存储
2.3.1 HTML DOM的节点类型
2.3.2 HTML DOM节点的层级关系
2.3.3 DOM对象的继承关系
2.3.4 操作DOM节点
2.3.5 操作HTML元素
2.3.6 本地数据存储方案
2.4 任务实现
2.4.1 编写HTML文件
2.4.2 编写CSS文件
2.4.3 编写JavaScript脚本文件
2.5 任务拓展——设计网页文字的缩放效果
2.5.1 任务描述
2.5.2 任务要求
2.6 课后训练
【归纳总结】
单元3 设计网站的二级导航效果
单元4 设计公告栏信息滚动效果
单元5 设计模态对话框效果
单元6 设计网页轮播图效果
单元7 设计表单校验效果
单元8 设计网页抽奖器
参考文献