从零开始学JavaScript

第1篇　基础知识篇第1章　JavaScript简介 2 视频讲解：6节，50分钟1.1 JavaScript简述 31.2 WebStorm的下载与安装 51.3 JavaScript在HTML中的使用 81.3.1 在页面中直接嵌入JavaScript代码 8[实例1.1] 编写第一个JavaScript程序 91.3.2 链接外部JavaScript文件 11[实例1.2] 调用外部JavaScript文件 111.3.3 作为标签的属性值使用 121.4 JavaScript基本语法 13本章知识思维导图 15第2章　JavaScript语言基础 16 视频讲解：15节，135分钟2.1 数据类型 172.1.1 数值型 172.1.2 字符串型 19[实例2.1] 输出奥尼尔的中文名、英文名和别名 202.1.3 布尔型 212.1.4 特殊数据类型 222.2 变量 222.2.1 变量的命名 222.2.2 变量的声明 232.2.3 变量的赋值 232.2.4 变量的类型 24[实例2.2] 输出球员信息 252.3 运算符 252.3.1 算术运算符 25[实例2.3] 将华氏度转换为摄氏度 262.3.2 字符串运算符 26[实例2.4] 字符串运算符的使用 272.3.3 比较运算符 27[实例2.5] 比较运算符的使用 282.3.4 赋值运算符 28[实例2.6] 赋值运算符的使用 292.3.5 逻辑运算符 29[实例2.7] 逻辑运算符的使用 302.3.6 条件运算符 30[实例2.8] 条件运算符的使用 302.3.7 其他运算符 312.3.8 运算符优先级 32[实例2.9] 运算符优先级的使用 332.4 表达式 332.5 数据类型的转换规则 34本章知识思维导图 36第3章 条件判断语句 37 视频讲解：5节，49分钟3.1 if语句 383.1.1 简单if语句 38[实例3.1] 获取3个数中的最大值 393.1.2 if…else语句 39[实例3.2] 判断2022年2月份的天数 403.1.3 if…else if语句 40[实例3.3] 输出考试成绩对应的等级 413.1.4 if语句的嵌套 42[实例3.4] 判断女职工是否已经退休 423.2 switch语句 43[实例3.5] 输出奖项级别及奖品 44本章知识思维导图 45第4章 循环控制语句 46 视频讲解：6节，56分钟4.1 循环语句 474.1.1 while语句 47[实例4.1] 计算1500米比赛的完整圈数 484.1.2 do…while语句 48[实例4.2] 计算1+2+…+100的和 494.1.3 for语句 49[实例4.3] 计算100以内所有偶数的和 514.1.4 循环语句的嵌套 51[实例4.4] 输出乘法口诀表 514.2 跳转语句 524.2.1 continue语句 52[实例4.5] 输出影厅座位图 524.2.2 break语句 53本章知识思维导图 54第5章 函数 55 视频讲解：13节，80分钟5.1 函数的定义和调用 565.1.1 函数的定义 565.1.2 函数的调用 575.2 函数的参数 58[实例5.1] 输出图书名称和图书作者 595.3 函数的返回值 59[实例5.2] 计算购物车中商品总价 605.4 嵌套函数 605.4.1 函数的嵌套定义 605.4.2 函数的嵌套调用 61[实例5.3] 获得选手的平均分 615.5 递归函数 625.6 变量的作用域 625.6.1 全局变量和局部变量 625.6.2 变量的优先级 635.7 内置函数 635.7.1 数值处理函数 645.7.2 字符串处理函数 665.8 定义匿名函数 675.8.1 在表达式中定义函数 67[实例5.4] 输出星号金字塔形图案 685.8.2 使用Function()构造函数 68本章知识思维导图 69第6章 自定义对象 70 视频讲解：8节，71分钟6.1 对象简介 716.1.1 什么是对象 716.1.2 对象的属性和方法 716.1.3 JavaScript对象的种类 726.2 自定义对象的创建 726.2.1 直接创建自定义对象 726.2.2 通过自定义构造函数创建对象 73[实例6.1] 创建一个球员对象 74[实例6.2] 输出演员个人简介 75[实例6.3] 创建一个圆的对象 766.2.3 通过Object对象创建自定义对象 76[实例6.4] 创建一个图书对象 786.3 对象访问语句 786.3.1 for…in语句 786.3.2 with语句 79本章知识思维导图 80第7章 Math对象和Date对象 81 视频讲解：2节，58分钟7.1 Math对象 827.1.1 Math对象的属性 827.1.2 Math对象的方法 82[实例7.1] 生成指定位数的随机数 837.2 Date对象 847.2.1 创建Date对象 847.2.2 Date对象的属性 857.2.3 Date对象的方法 86[实例7.2] 输出当前的日期和时间 87[实例7.3] 获取当前日期距离明年元旦的天数 89本章知识思维导图 90第8章 数组 91 视频讲解：14节，111分钟8.1 数组介绍 928.2 定义数组 928.2.1 定义空数组 928.2.2 指定数组长度 938.2.3 指定数组元素 938.2.4 直接定义数组 948.3 操作数组元素 948.3.1 数组元素的输入和输出 94[实例8.1] 输出3个学霸姓名 968.3.2 数组元素的添加 968.3.3 数组元素的删除 978.4 数组的属性 978.4.1 length属性 97[实例8.2] 输出省份、省会以及旅游景点 988.4.2 prototype属性 99[实例8.3] 应用自定义方法输出数组 998.5 数组的方法 998.5.1 数组的添加和删除 1008.5.2 设置数组的排列顺序 103[实例8.4] 输出2020年电影票房排行榜前五名 1058.5.3 获取某段数组元素 105[实例8.5] 计算选手的最终得分 1068.5.4 数组转换成字符串 107本章知识思维导图 108第9章 String对象 109 视频讲解：9节，65分钟9.1 String对象的创建 1109.2 String对象的属性 1109.2.1 length属性 110[实例9.1] 为金庸小说人物名称按字数分类 1119.2.2 constructor属性 1119.2.3 prototype属性 1129.3 String对象的方法 1129.3.1 查找字符串 113[实例9.2] 获取字符“葡萄”在绕口令中的出现次数 1149.3.2 截取字符串 115[实例9.3] 截取网站公告标题 1169.3.3 大小写转换 1179.3.4 连接和拆分 118[实例9.4] 输出梁山好汉人物信息 1199.3.5 格式化字符串 120本章知识思维导图 122第2篇　核心技术篇第10章 JavaScript事件处理 124 视频讲解：13节，45分钟10.1 事件与事件处理概述 12510.1.1 什么是事件 12510.1.2 JavaScript的常用事件 12510.1.3 事件的调用 12610.1.4 Event对象 12710.2 表单相关事件 12710.2.1 获得焦点与失去焦点事件 128[实例10.1] 改变文本框的背景颜色 12810.2.2 失去焦点内容改变事件 129[实例10.2] 改变文本框的字体颜色 12910.2.3 表单提交与重置事件 129[实例10.3] 验证提交表单中是否有空值 13010.3 鼠标键盘事件 13010.3.1 鼠标单击事件 131[实例10.4] 动态改变页面的背景颜色 13110.3.2 鼠标按下和松开事件 131[实例10.5] 用事件模拟超链接标记的功能 13210.3.3 鼠标移入移出事件 132[实例10.6] 动态改变图片的焦点 13210.3.4 鼠标移动事件 13310.3.5 键盘事件 133[实例10.7] 实现单击“A”键刷新的功能 13510.4 页面事件 13510.4.1 页面加载事件 136[实例10.8] 动态改变图片大小 13610.4.2 页面大小事件 136本章知识思维导图 137第11章 文档对象 138 视频讲解：7节，39分钟11.1 文档对象概述 13911.2 文档对象的应用 14011.2.1 设置文档前景色和背景色 140[实例11.1] 动态改变文档的前景色和背景色 14011.2.2 设置动态标题栏 141[实例11.2] 实现动态标题栏 14111.2.3 获取URL 142[实例11.3] 显示当前页面的URL 14211.2.4 在文档中输出数据 14211.2.5 动态添加一个HTML标记 143[实例11.4] 动态添加文本框 14311.2.6 获取文本框并修改其内容 144本章知识思维导图 145第12章 表单对象 146 视频讲解：7节，46分钟12.1 访问表单与表单元素 14712.1.1 JavaScript访问表单 14712.1.2 JavaScript访问表单元素 14712.2 表单对象的属性、方法与事件 14812.3 表单元素 14812.3.1 文本框 149[实例12.1] 验证表单内容是否为空 14912.3.2 按钮 150[实例12.2] 获取表单元素的值 15112.3.3 单选按钮和复选框 152[实例12.3] 获取人物信息 15312.3.4 下拉菜单 153[实例12.4] 制作简单的选择职位的程序 155本章知识思维导图 157第13章 图像对象 158 视频讲解：9节，55分钟13.1 图像对象概述 15913.1.1 图像对象介绍 15913.1.2 图像对象的属性 159[实例13.1] 输出图片的基本信息 16013.1.3 图像对象的事件 160[实例13.2] 当鼠标指向图片时实现图片置换 16013.2 图像对象的应用 16113.2.1 图片的随机显示 161[实例13.3] 实现网页背景的随机变化 16113.2.2 图片置顶 162[实例13.4] 实现图片总置于顶端的功能 16313.2.3 图片验证码 163[实例13.5] 随机生成图片验证码 16313.2.4 图像的预装载 164[实例13.6] 使用预装载图像制作幻灯效果 16513.2.5 图片渐变效果 166[实例13.7] 图片渐变效果 16613.2.6 进度条的显示 167[实例13.8] 进度条的显示 167本章知识思维导图 168第14章 文档对象模型（DOM） 169 视频讲解：11节，41分钟14.1 DOM概述 17014.2 DOM对象节点属性 17114.3 节点的操作 17114.3.1 创建节点 172[实例14.1] 补全古诗 17214.3.2 插入节点 173[实例14.2] 向页面中插入文本 17314.3.3 复制节点 174[实例14.3] 复制下拉菜单 17414.3.4 删除节点 175[实例14.4] 动态删除选中的文本 17514.3.5 替换节点 176[实例14.5] 替换标记和文本 17614.4 获取文档中的指定元素 17614.4.1 通过元素的id属性获取元素 177[实例14.6] 在页面的指定位置显示当前日期 17714.4.2 通过元素的name属性获取元素 177[实例14.7] 实现电影图片的轮换效果 17814.5 与DHTML相对应的DOM 17814.5.1 innerHTML和innerText属性 179[实例14.8] 显示时间和问候语 17914.5.2 outerHTML和outerText属性 180本章知识思维导图 181第15章 Window对象 182 视频讲解：14节，54分钟15.1 Window对象概述 18315.1.1 Window对象的属性 18315.1.2 Window对象的方法 18315.1.3 Window对象的使用 18415.2 对话框 18415.2.1 警告对话框 185[实例15.1] 弹出警告对话框 18515.2.2 确认对话框 185[实例15.2] 弹出确认对话框 18615.2.3 提示对话框 18615.3 打开与关闭窗口 18715.3.1 打开窗口 187[实例15.3] 弹出指定大小和位置的新窗口 18815.3.2 关闭窗口 188[实例15.4] 关闭子窗口时自动刷新父窗口 18915.4 控制窗口 19015.4.1 移动窗口 190[实例15.5] 控制弹出窗口的居中显示 19115.4.2 窗口滚动 19215.4.3 改变窗口大小 193[实例15.6] 动态改变窗口的大小 19315.4.4 访问窗口历史 19415.4.5 设置超时 195[实例15.7] 动态显示日期和时间 19515.5 通用窗口事件 196本章知识思维导图 197第16章 Style对象 198 视频讲解：2节，29分钟16.1 Style对象简介 19916.2 Style对象的样式标签属性和样式属性 19916.2.1 样式标签属性和样式属性 19916.2.2 颜色和背景属性 202[实例16.1] 选中的行背景变色 202[实例16.2] 背景固定居中 20416.2.3 边框属性 205[实例16.3] 单元格边框变色 205[实例16.4] 立体窗口 20716.2.4 定位属性 207[实例16.5] 百叶窗 208[实例16.6] 烟花效果 209[实例16.7] 跟随鼠标指针移动的图片 21116.2.5 字体属性 212[实例16.8] 改变超链接字体样式 21416.2.6 表格布局属性 215[实例16.9] 限制表格的宽度 216本章知识思维导图 217第3篇　高级应用篇第17章 JavaScript中使用XML 220 视频讲解：8节，40分钟17.1 XML简介 22117.1.1 创建XML 221[实例17.1] XML文档的创建 22117.1.2 DOM与XML 22217.2 解析XML文本 22317.2.1 在IE浏览器中解析XML文本 22317.2.2 在非IE浏览器中解析XML文本 224[实例17.2] 获取XML文本中的数据 22517.3 读取XML数据 22617.3.1 获取XML元素的属性值 226[实例17.3] 获取XML元素的属性值 22617.3.2 通过DOM元素的方法读取XML数据 227[实例17.4] 应用名称访问XML数据 22717.3.3 在表格中读取XML数据 229[实例17.5] 在表格中读取XML数据 22917.3.4 通过JavaScript操作XML实现分页 231[实例17.6] 对读取的XML数据进行分页操作 231本章知识思维导图 233第18章 Ajax技术 234 视频讲解：11节，31分钟18.1 Ajax概述 23518.1.1 Ajax应用案例 23518.1.2 Ajax的开发模式 23518.1.3 Ajax的优点 23618.2 Ajax的技术组成 23718.2.1 XMLHttpRequest对象 23718.2.2 XML语言 23718.2.3 JavaScript脚本语言 23918.2.4 DOM 23918.2.5 CSS 23918.3 XMLHttpRequest对象 23918.3.1 XMLHttpRequest对象的初始化 23918.3.2 XMLHttpRequest对象的常用属性 24018.3.3 XMLHttpRequest对象的常用方法 242[实例18.1] 读取HTML文件 244本章知识思维导图 246第19章 jQuery基础 247 视频讲解：8节，61分钟19.1 jQuery概述 24819.2 jQuery下载与配置 24819.2.1 下载jQuery 24819.2.2 配置jQuery 24919.3 jQuery选择器 24919.3.1 jQuery的工厂函数 25019.3.2 基本选择器 250[实例19.1] 获取文本框中输入的值 250[实例19.2] 修改div元素的内容 252[实例19.3] 获取元素并设置CSS样式 253[实例19.4] 筛选元素并添加新的样式 25519.3.3 层级选择器 256[实例19.5] 为版权列表设置样式 257[实例19.6] 为表单元素换肤 258[实例19.7] 改变匹配元素的背景颜色 260[实例19.8] 筛选div元素的同辈元素 26119.3.4 过滤选择器 262[实例19.9] 实现一个带表头的双色表格 263[实例19.10] 应用内容过滤器匹配不同的单元格 265[实例19.11] 利用表单对象的属性过滤器匹配元素 26719.3.5 属性选择器 26819.3.6 表单选择器 269[实例19.12] 利用表单选择器匹配元素 269本章知识思维导图 271第20章 jQuery控制页面 272 视频讲解：4节，34分钟20.1 对元素内容和值进行操作 27320.1.1 对元素内容操作 273[实例20.1] 对元素内容进行设置 27420.1.2 对元素值操作 275[实例20.2] 为多行列表框设置并获取值 27520.2 对DOM节点进行操作 27620.2.1 创建节点 27620.2.2 插入节点 27620.2.3 删除、复制与替换节点 278[实例20.3] 我的开心小农场 27920.3 对元素属性进行操作 281[实例20.4] 改变图片大小 28220.4 对元素的CSS样式进行操作 28220.4.1 通过修改CSS类实现 283[实例20.5] 改变文本样式 28320.4.2 通过修改CSS属性实现 284[实例20.6] 为图片添加和去除边框 285本章知识思维导图 286第21章 jQuery的事件处理 287 视频讲解：4节，14分钟21.1 页面加载响应事件 28821.2 jQuery中的事件 288[实例21.1] 横向导航菜单 29021.3 事件绑定 29221.3.1 为元素绑定事件 292[实例21.2] 表格的动态换肤 29221.3.2 移除绑定 29321.3.3 绑定一次性事件处理 29321.4 模拟用户操作 29421.4.1 模拟用户的操作触发事件 294[实例21.3] 模拟用户单击事件 29421.4.2 模仿悬停事件 294[实例21.4] 切换表情图片 295本章知识思维导图 296第22章 jQuery的动画效果 297 视频讲解：4节，26分钟22.1 基本的动画效果 29822.1.1 隐藏匹配元素 29822.1.2 显示匹配元素 298[实例22.1] 实现自动隐藏式菜单 29922.2 淡入、淡出的动画效果 30022.3 滑动效果 30122.3.1 滑动显示匹配的元素 30222.3.2 滑动隐藏匹配的元素 30222.3.3 通过高度的变化动态切换元素的可见性 302[实例22.2] 实现伸缩式导航菜单 30322.4 自定义的动画效果 30522.4.1 使用animate()方法创建自定义动画 305[实例22.3] 实现幕帘的效果 30622.4.2 使用stop()方法停止动画 308本章知识思维导图 308第23章 Vue.js基础 309 视频讲解：11节，86分钟23.1 什么是Vue.js 31023.2 Vue.js的安装 31123.2.1 直接下载并使用