从零开始学JavaScript电子书

前言

第1篇 基础知识篇

第1章 JavaScript简介

1.1 JavaScript简述

1.2 WebStorm的下载与安装

1.3 JavaScript在HTML中的使用

1.3.1 在页面中直接嵌入JavaScript代码

[实例1.1] 编写第一个JavaScript程序

1.3.2 链接外部JavaScript文件

[实例1.2] 调用外部JavaScript文件

1.3.3 作为标签的属性值使用

1.4 JavaScript基本语法

本章知识思维导图

第2章 JavaScript语言基础

2.1 数据类型

2.1.1 数值型

2.1.2 字符串型

[实例2.1] 输出奥尼尔的中文名、英文名和别名

2.1.3 布尔型

2.1.4 特殊数据类型

2.2 变量

2.2.1 变量的命名

2.2.2 变量的声明

2.2.3 变量的赋值

2.2.4 变量的类型

[实例2.2] 输出球员信息

2.3 运算符

2.3.1 算术运算符

[实例2.3] 将华氏度转换为摄氏度

2.3.2 字符串运算符

[实例2.4] 字符串运算符的使用

2.3.3 比较运算符

[实例2.5] 比较运算符的使用

2.3.4 赋值运算符

[实例2.6] 赋值运算符的使用

2.3.5 逻辑运算符

[实例2.7] 逻辑运算符的使用

2.3.6 条件运算符

[实例2.8] 条件运算符的使用

2.3.7 其他运算符

2.3.8 运算符优先级

[实例2.9] 运算符优先级的使用

2.4 表达式

2.5 数据类型的转换规则

本章知识思维导图

第3章 条件判断语句

3.1 if语句

3.1.1 简单if语句

[实例3.1] 获取3个数中的最大值

3.1.2 if…else语句

[实例3.2] 判断2022年2月份的天数

3.1.3 if…else if语句

[实例3.3] 输出考试成绩对应的等级

3.1.4 if语句的嵌套

[实例3.4] 判断女职工是否已经退休

3.2 switch语句

[实例3.5] 输出奖项级别及奖品

本章知识思维导图

第4章 循环控制语句

4.1 循环语句

4.1.1 while语句

[实例4.1] 计算1500米比赛的完整圈数

4.1.2 do…while语句

[实例4.2] 计算1+2+…+100的和

4.1.3 for语句

[实例4.3] 计算100以内所有偶数的和

4.1.4 循环语句的嵌套

[实例4.4] 输出乘法口诀表

4.2 跳转语句

4.2.1 continue语句

[实例4.5] 输出影厅座位图

4.2.2 break语句

本章知识思维导图

第5章 函数

5.1 函数的定义和调用

5.1.1 函数的定义

5.1.2 函数的调用

5.2 函数的参数

[实例5.1] 输出图书名称和图书作者

5.3 函数的返回值

[实例5.2] 计算购物车中商品总价

5.4 嵌套函数

5.4.1 函数的嵌套定义

5.4.2 函数的嵌套调用

[实例5.3] 获得选手的平均分

5.5 递归函数

5.6 变量的作用域

5.6.1 全局变量和局部变量

5.6.2 变量的优先级

5.7 内置函数

5.7.1 数值处理函数

5.7.2 字符串处理函数

5.8 定义匿名函数

5.8.1 在表达式中定义函数

[实例5.4] 输出星号金字塔形图案

5.8.2 使用Function()构造函数

本章知识思维导图

第6章 自定义对象

6.1 对象简介

6.1.1 什么是对象

6.1.2 对象的属性和方法

6.1.3 JavaScript对象的种类

6.2 自定义对象的创建

6.2.1 直接创建自定义对象

6.2.2 通过自定义构造函数创建对象

[实例6.1] 创建一个球员对象

[实例6.2] 输出演员个人简介

[实例6.3] 创建一个圆的对象

6.2.3 通过Object对象创建自定义对象

[实例6.4] 创建一个图书对象

6.3 对象访问语句

6.3.1 for…in语句

6.3.2 with语句

本章知识思维导图

第7章 Math对象和Date对象

7.1 Math对象

7.1.1 Math对象的属性

7.1.2 Math对象的方法

[实例7.1] 生成指定位数的随机数

7.2 Date对象

7.2.1 创建Date对象

7.2.2 Date对象的属性

7.2.3 Date对象的方法

[实例7.2] 输出当前的日期和时间

[实例7.3] 获取当前日期距离明年元旦的天数

本章知识思维导图

第8章 数组

8.1 数组介绍

8.2 定义数组

8.2.1 定义空数组

8.2.2 指定数组长度

8.2.3 指定数组元素

8.2.4 直接定义数组

8.3 操作数组元素

8.3.1 数组元素的输入和输出

[实例8.1] 输出3个学霸姓名

8.3.2 数组元素的添加

8.3.3 数组元素的删除

8.4 数组的属性

8.4.1 length属性

[实例8.2] 输出省份、省会以及旅游景点

8.4.2 prototype属性

[实例8.3] 应用自定义方法输出数组

8.5 数组的方法

8.5.1 数组的添加和删除

8.5.2 设置数组的排列顺序

[实例8.4] 输出2020年电影票房排行榜前五名

8.5.3 获取某段数组元素

[实例8.5] 计算选手的最终得分

8.5.4 数组转换成字符串

本章知识思维导图

第9章 String对象

9.1 String对象的创建

9.2 String对象的属性

9.2.1 length属性

[实例9.1] 为金庸小说人物名称按字数分类

9.2.2 constructor属性

9.2.3 prototype属性

9.3 String对象的方法

9.3.1 查找字符串

[实例9.2] 获取字符“葡萄”在绕口令中的出现次数

9.3.2 截取字符串

[实例9.3] 截取网站公告标题

9.3.3 大小写转换

9.3.4 连接和拆分

[实例9.4] 输出梁山好汉人物信息

9.3.5 格式化字符串

本章知识思维导图

第2篇 核心技术篇

第10章 JavaScript事件处理

10.1 事件与事件处理概述

10.1.1 什么是事件

10.1.2 JavaScript的常用事件

10.1.3 事件的调用

10.1.4 Event对象

10.2 表单相关事件

10.2.1 获得焦点与失去焦点事件

[实例10.1] 改变文本框的背景颜色

10.2.2 失去焦点内容改变事件

[实例10.2] 改变文本框的字体颜色

10.2.3 表单提交与重置事件

[实例10.3] 验证提交表单中是否有空值

10.3 鼠标键盘事件

10.3.1 鼠标单击事件

[实例10.4] 动态改变页面的背景颜色

10.3.2 鼠标按下和松开事件

[实例10.5] 用事件模拟超链接标记的功能

10.3.3 鼠标移入移出事件

[实例10.6] 动态改变图片的焦点

10.3.4 鼠标移动事件

10.3.5 键盘事件

[实例10.7] 实现单击“A”键刷新的功能

10.4 页面事件

10.4.1 页面加载事件

[实例10.8] 动态改变图片大小

10.4.2 页面大小事件

本章知识思维导图

第11章 文档对象

11.1 文档对象概述

11.2 文档对象的应用

11.2.1 设置文档前景色和背景色

[实例11.1] 动态改变文档的前景色和背景色

11.2.2 设置动态标题栏

[实例11.2] 实现动态标题栏

11.2.3 获取URL

[实例11.3] 显示当前页面的URL

11.2.4 在文档中输出数据

11.2.5 动态添加一个HTML标记

[实例11.4] 动态添加文本框

11.2.6 获取文本框并修改其内容

本章知识思维导图

第12章 表单对象

12.1 访问表单与表单元素

12.1.1 JavaScript访问表单

12.1.2 JavaScript访问表单元素

12.2 表单对象的属性、方法与事件

12.3 表单元素

12.3.1 文本框

[实例12.1] 验证表单内容是否为空

12.3.2 按钮

[实例12.2] 获取表单元素的值

12.3.3 单选按钮和复选框

[实例12.3] 获取人物信息

12.3.4 下拉菜单

[实例12.4] 制作简单的选择职位的程序

本章知识思维导图

第13章 图像对象

13.1 图像对象概述

13.1.1 图像对象介绍

13.1.2 图像对象的属性

[实例13.1] 输出图片的基本信息

13.1.3 图像对象的事件

[实例13.2] 当鼠标指向图片时实现图片置换

13.2 图像对象的应用

13.2.1 图片的随机显示

[实例13.3] 实现网页背景的随机变化

13.2.2 图片置顶

[实例13.4] 实现图片总置于顶端的功能

13.2.3 图片验证码

[实例13.5] 随机生成图片验证码

13.2.4 图像的预装载

[实例13.6] 使用预装载图像制作幻灯效果

13.2.5 图片渐变效果

[实例13.7] 图片渐变效果

13.2.6 进度条的显示

[实例13.8] 进度条的显示

本章知识思维导图

第14章 文档对象模型（DOM）

14.1 DOM概述

14.2 DOM对象节点属性

14.3 节点的操作

14.3.1 创建节点

[实例14.1] 补全古诗

14.3.2 插入节点

[实例14.2] 向页面中插入文本

14.3.3 复制节点

[实例14.3] 复制下拉菜单

14.3.4 删除节点

[实例14.4] 动态删除选中的文本

14.3.5 替换节点

[实例14.5] 替换标记和文本

14.4 获取文档中的指定元素

14.4.1 通过元素的id属性获取元素

[实例14.6] 在页面的指定位置显示当前日期

14.4.2 通过元素的name属性获取元素

[实例14.7] 实现电影图片的轮换效果

14.5 与DHTML相对应的DOM

14.5.1 innerHTML和innerText属性

[实例14.8] 显示时间和问候语

14.5.2 outerHTML和outerText属性

本章知识思维导图

第15章 Window对象

15.1 Window对象概述

15.1.1 Window对象的属性

15.1.2 Window对象的方法

15.1.3 Window对象的使用

15.2 对话框

15.2.1 警告对话框

[实例15.1] 弹出警告对话框

15.2.2 确认对话框

[实例15.2] 弹出确认对话框

15.2.3 提示对话框

15.3 打开与关闭窗口

15.3.1 打开窗口

[实例15.3] 弹出指定大小和位置的新窗口

15.3.2 关闭窗口

[实例15.4] 关闭子窗口时自动刷新父窗口

15.4 控制窗口

15.4.1 移动窗口

[实例15.5] 控制弹出窗口的居中显示

15.4.2 窗口滚动

15.4.3 改变窗口大小

[实例15.6] 动态改变窗口的大小

15.4.4 访问窗口历史

15.4.5 设置超时

[实例15.7] 动态显示日期和时间

15.5 通用窗口事件

本章知识思维导图

第16章 Style对象

16.1 Style对象简介

16.2 Style对象的样式标签属性和样式属性

16.2.1 样式标签属性和样式属性

16.2.2 颜色和背景属性

[实例16.1] 选中的行背景变色

[实例16.2] 背景固定居中

16.2.3 边框属性

[实例16.3] 单元格边框变色

[实例16.4] 立体窗口

16.2.4 定位属性

[实例16.5] 百叶窗

[实例16.6] 烟花效果

[实例16.7] 跟随鼠标指针移动的图片

16.2.5 字体属性

[实例16.8] 改变超链接字体样式

16.2.6 表格布局属性

[实例16.9] 限制表格的宽度

本章知识思维导图

第3篇 高级应用篇

第17章 JavaScript中使用XML

17.1 XML简介

17.1.1 创建XML

[实例17.1] XML文档的创建

17.1.2 DOM与XML

17.2 解析XML文本

17.2.1 在IE浏览器中解析XML文本

17.2.2 在非IE浏览器中解析XML文本

[实例17.2] 获取XML文本中的数据

17.3 读取XML数据

17.3.1 获取XML元素的属性值

[实例17.3] 获取XML元素的属性值

17.3.2 通过DOM元素的方法读取XML数据

[实例17.4] 应用名称访问XML数据

17.3.3 在表格中读取XML数据

[实例17.5] 在表格中读取XML数据

17.3.4 通过JavaScript操作XML实现分页

[实例17.6] 对读取的XML数据进行分页操作

本章知识思维导图

第18章 Ajax技术

18.1 Ajax概述

18.1.1 Ajax应用案例

18.1.2 Ajax的开发模式

18.1.3 Ajax的优点

18.2 Ajax的技术组成

18.2.1 XMLHttpRequest对象

18.2.2 XML语言

18.2.3 JavaScript脚本语言

18.2.4 DOM

18.2.5 CSS

18.3 XMLHttpRequest对象

18.3.1 XMLHttpRequest对象的初始化

18.3.2 XMLHttpRequest对象的常用属性

18.3.3 XMLHttpRequest对象的常用方法

[实例18.1] 读取HTML文件

本章知识思维导图

第19章 jQuery基础

19.1 jQuery概述

19.2 jQuery下载与配置

19.2.1 下载jQuery

19.2.2 配置jQuery

19.3 jQuery选择器

19.3.1 jQuery的工厂函数

19.3.2 基本选择器

[实例19.1] 获取文本框中输入的值

[实例19.2] 修改div元素的内容

[实例19.3] 获取元素并设置CSS样式

[实例19.4] 筛选元素并添加新的样式

19.3.3 层级选择器

[实例19.5] 为版权列表设置样式

[实例19.6] 为表单元素换肤

[实例19.7] 改变匹配元素的背景颜色

[实例19.8] 筛选div元素的同辈元素

19.3.4 过滤选择器

[实例19.9] 实现一个带表头的双色表格

[实例19.10] 应用内容过滤器匹配不同的单元格

[实例19.11] 利用表单对象的属性过滤器匹配元素

19.3.5 属性选择器

19.3.6 表单选择器

[实例19.12] 利用表单选择器匹配元素

本章知识思维导图

第20章 jQuery控制页面

20.1 对元素内容和值进行操作

20.1.1 对元素内容操作

[实例20.1] 对元素内容进行设置

20.1.2 对元素值操作

[实例20.2] 为多行列表框设置并获取值

20.2 对DOM节点进行操作

20.2.1 创建节点

20.2.2 插入节点

20.2.3 删除、复制与替换节点

[实例20.3] 我的开心小农场

20.3 对元素属性进行操作

[实例20.4] 改变图片大小

20.4 对元素的CSS样式进行操作

20.4.1 通过修改CSS类实现

[实例20.5] 改变文本样式

20.4.2 通过修改CSS属性实现

[实例20.6] 为图片添加和去除边框

本章知识思维导图

第21章 jQuery的事件处理

21.1 页面加载响应事件

21.2 jQuery中的事件

[实例21.1] 横向导航菜单

21.3 事件绑定

21.3.1 为元素绑定事件

[实例21.2] 表格的动态换肤

21.3.2 移除绑定

21.3.3 绑定一次性事件处理

21.4 模拟用户操作

21.4.1 模拟用户的操作触发事件

[实例21.3] 模拟用户单击事件

21.4.2 模仿悬停事件

[实例21.4] 切换表情图片

本章知识思维导图

第22章 jQuery的动画效果

22.1 基本的动画效果

22.1.1 隐藏匹配元素

22.1.2 显示匹配元素

[实例22.1] 实现自动隐藏式菜单

22.2 淡入、淡出的动画效果

22.3 滑动效果

22.3.1 滑动显示匹配的元素

22.3.2 滑动隐藏匹配的元素

22.3.3 通过高度的变化动态切换元素的可见性

[实例22.2] 实现伸缩式导航菜单

22.4 自定义的动画效果

22.4.1 使用animate()方法创建自定义动画

[实例22.3] 实现幕帘的效果

22.4.2 使用stop()方法停止动画

本章知识思维导图

第23章 Vue.js基础

23.1 什么是Vue.js

23.2 Vue.js的安装

23.2.1 直接下载并使用<script>标签引入

23.2.2 使用CDN方法

23.2.3 使用NPM方法

23.3 Vue实例及选项

23.3.1 挂载元素

23.3.2 数据

23.3.3 方法

23.3.4 生命周期钩子函数

23.4 数据绑定

23.4.1 插值

[实例23.1] 插入文本

[实例23.2] 插入HTML内容

23.4.2 过滤器

[实例23.3] 截取新闻标题

23.5 指令

23.5.1 v-bind指令

[实例23.4] 设置文字样式

23.5.2 v-on指令

[实例23.5] 动态改变图片透明度

23.5.3 v-if指令

23.5.4 v-else指令

[实例23.6] 判断2022年2月份的天数

23.5.5 v-else-if指令

[实例23.7] 判断考试成绩

23.5.6 v-for指令

23.5.7 v-model指令

本章知识思维导图

第4篇 项目开发篇

第24章 幸运大抽奖

24.1 功能描述

24.2 设计思路

24.3 开发过程

24.3.1 抽奖界面设计

24.3.2 为抽奖页面添加样式

24.3.3 抽奖功能的实现

本章知识思维导图

第25章 51购商城

25.1 项目的设计思路

25.1.1 项目概述

25.1.2 界面预览

25.1.3 功能结构

25.1.4 文件夹组织结构

25.2 主页的设计与实现

25.2.1 主页的设计

25.2.2 顶部区和底部区功能的实现

25.2.3 商品分类导航功能的实现

25.2.4 轮播图功能的实现

25.2.5 商品推荐功能的实现

25.2.6 适配移动端的实现

25.3 商品列表页面的设计与实现

25.3.1 商品列表页面的设计

25.3.2 分类选项功能的实现

25.3.3 商品列表区的实现

25.4 商品详情页面的设计与实现

25.4.1 商品详情页面的设计

25.4.2 商品概要功能的实现

25.4.3 商品评价功能的实现

25.4.4 猜你喜欢功能的实现

25.5 购物车页面的设计与实现

25.5.1 购物车页面的设计

25.5.2 购物车页面的实现

25.6 付款页面的设计与实现

25.6.1 付款页面的设计

25.6.2 付款页面的实现

25.7 登录注册页面的设计与实现

25.7.1 登录注册页面的设计

25.7.2 登录页面的实现

25.7.3 注册页面的实现

本章知识思维导图