![]() ![]() |
从零开始学JavaScript 读者对象:本书适合JavaScript初学者、软件开发入门者自学使用,也可用作高等院校相关专业的教材及参考书。
本书从零基础读者的角度出发,通过通俗易懂的语言、丰富多彩的实例,循序渐进地让读者在实践中学习JavaScript编程知识,并提升自己的实际开发能力。
全书共分为4篇25章,内容包括JavaScript简介、JavaScript语言基础、条件判断语句、循环控制语句、函数、自定义对象、Math对象和Date对象、数组、String对象、JavaScript事件处理、文档对象、表单对象、图像对象、文档对象模型(DOM)、Window对象、Style对象、JavaScript中使用XML、Ajax技术、jQuery基础、jQuery控制页面、jQuery的事件处理、jQuery的动画效果、Vue.js基础、幸运大抽奖、51购商城等。书中知识点讲解细致,侧重介绍每个知识点的使用场景,涉及的代码给出了详细的注释,可以使读者轻松领会JavaScript程序开发的精髓,快速提高开发技能。同时,本书配套了大量教学视频,扫码即可观看,还提供所有程序源文件,方便读者实践。 本书适合JavaScript初学者、软件开发入门者自学使用,也可用作高等院校相关专业的教材及参考书。
第1篇 基础知识篇
第1章 JavaScript简介 2 视频讲解:6节,50分钟 1.1 JavaScript简述 3 1.2 WebStorm的下载与安装 5 1.3 JavaScript在HTML中的使用 8 1.3.1 在页面中直接嵌入JavaScript代码 8 [实例1.1] 编写第一个JavaScript程序 9 1.3.2 链接外部JavaScript文件 11 [实例1.2] 调用外部JavaScript文件 11 1.3.3 作为标签的属性值使用 12 1.4 JavaScript基本语法 13 本章知识思维导图 15 第2章 JavaScript语言基础 16 视频讲解:15节,135分钟 2.1 数据类型 17 2.1.1 数值型 17 2.1.2 字符串型 19 [实例2.1] 输出奥尼尔的中文名、英文名和别名 20 2.1.3 布尔型 21 2.1.4 特殊数据类型 22 2.2 变量 22 2.2.1 变量的命名 22 2.2.2 变量的声明 23 2.2.3 变量的赋值 23 2.2.4 变量的类型 24 [实例2.2] 输出球员信息 25 2.3 运算符 25 2.3.1 算术运算符 25 [实例2.3] 将华氏度转换为摄氏度 26 2.3.2 字符串运算符 26 [实例2.4] 字符串运算符的使用 27 2.3.3 比较运算符 27 [实例2.5] 比较运算符的使用 28 2.3.4 赋值运算符 28 [实例2.6] 赋值运算符的使用 29 2.3.5 逻辑运算符 29 [实例2.7] 逻辑运算符的使用 30 2.3.6 条件运算符 30 [实例2.8] 条件运算符的使用 30 2.3.7 其他运算符 31 2.3.8 运算符优先级 32 [实例2.9] 运算符优先级的使用 33 2.4 表达式 33 2.5 数据类型的转换规则 34 本章知识思维导图 36 第3章 条件判断语句 37 视频讲解:5节,49分钟 3.1 if语句 38 3.1.1 简单if语句 38 [实例3.1] 获取3个数中的最大值 39 3.1.2 if…else语句 39 [实例3.2] 判断2022年2月份的天数 40 3.1.3 if…else if语句 40 [实例3.3] 输出考试成绩对应的等级 41 3.1.4 if语句的嵌套 42 [实例3.4] 判断女职工是否已经退休 42 3.2 switch语句 43 [实例3.5] 输出奖项级别及奖品 44 本章知识思维导图 45 第4章 循环控制语句 46 视频讲解:6节,56分钟 4.1 循环语句 47 4.1.1 while语句 47 [实例4.1] 计算1500米比赛的完整圈数 48 4.1.2 do…while语句 48 [实例4.2] 计算1+2+…+100的和 49 4.1.3 for语句 49 [实例4.3] 计算100以内所有偶数的和 51 4.1.4 循环语句的嵌套 51 [实例4.4] 输出乘法口诀表 51 4.2 跳转语句 52 4.2.1 continue语句 52 [实例4.5] 输出影厅座位图 52 4.2.2 break语句 53 本章知识思维导图 54 第5章 函数 55 视频讲解:13节,80分钟 5.1 函数的定义和调用 56 5.1.1 函数的定义 56 5.1.2 函数的调用 57 5.2 函数的参数 58 [实例5.1] 输出图书名称和图书作者 59 5.3 函数的返回值 59 [实例5.2] 计算购物车中商品总价 60 5.4 嵌套函数 60 5.4.1 函数的嵌套定义 60 5.4.2 函数的嵌套调用 61 [实例5.3] 获得选手的平均分 61 5.5 递归函数 62 5.6 变量的作用域 62 5.6.1 全局变量和局部变量 62 5.6.2 变量的优先级 63 5.7 内置函数 63 5.7.1 数值处理函数 64 5.7.2 字符串处理函数 66 5.8 定义匿名函数 67 5.8.1 在表达式中定义函数 67 [实例5.4] 输出星号金字塔形图案 68 5.8.2 使用Function()构造函数 68 本章知识思维导图 69 第6章 自定义对象 70 视频讲解:8节,71分钟 6.1 对象简介 71 6.1.1 什么是对象 71 6.1.2 对象的属性和方法 71 6.1.3 JavaScript对象的种类 72 6.2 自定义对象的创建 72 6.2.1 直接创建自定义对象 72 6.2.2 通过自定义构造函数创建对象 73 [实例6.1] 创建一个球员对象 74 [实例6.2] 输出演员个人简介 75 [实例6.3] 创建一个圆的对象 76 6.2.3 通过Object对象创建自定义对象 76 [实例6.4] 创建一个图书对象 78 6.3 对象访问语句 78 6.3.1 for…in语句 78 6.3.2 with语句 79 本章知识思维导图 80 第7章 Math对象和Date对象 81 视频讲解:2节,58分钟 7.1 Math对象 82 7.1.1 Math对象的属性 82 7.1.2 Math对象的方法 82 [实例7.1] 生成指定位数的随机数 83 7.2 Date对象 84 7.2.1 创建Date对象 84 7.2.2 Date对象的属性 85 7.2.3 Date对象的方法 86 [实例7.2] 输出当前的日期和时间 87 [实例7.3] 获取当前日期距离明年元旦的天数 89 本章知识思维导图 90 第8章 数组 91 视频讲解:14节,111分钟 8.1 数组介绍 92 8.2 定义数组 92 8.2.1 定义空数组 92 8.2.2 指定数组长度 93 8.2.3 指定数组元素 93 8.2.4 直接定义数组 94 8.3 操作数组元素 94 8.3.1 数组元素的输入和输出 94 [实例8.1] 输出3个学霸姓名 96 8.3.2 数组元素的添加 96 8.3.3 数组元素的删除 97 8.4 数组的属性 97 8.4.1 length属性 97 [实例8.2] 输出省份、省会以及旅游景点 98 8.4.2 prototype属性 99 [实例8.3] 应用自定义方法输出数组 99 8.5 数组的方法 99 8.5.1 数组的添加和删除 100 8.5.2 设置数组的排列顺序 103 [实例8.4] 输出2020年电影票房排行榜前五名 105 8.5.3 获取某段数组元素 105 [实例8.5] 计算选手的最终得分 106 8.5.4 数组转换成字符串 107 本章知识思维导图 108 第9章 String对象 109 视频讲解:9节,65分钟 9.1 String对象的创建 110 9.2 String对象的属性 110 9.2.1 length属性 110 [实例9.1] 为金庸小说人物名称按字数分类 111 9.2.2 constructor属性 111 9.2.3 prototype属性 112 9.3 String对象的方法 112 9.3.1 查找字符串 113 [实例9.2] 获取字符“葡萄”在绕口令中的出现次数 114 9.3.2 截取字符串 115 [实例9.3] 截取网站公告标题 116 9.3.3 大小写转换 117 9.3.4 连接和拆分 118 [实例9.4] 输出梁山好汉人物信息 119 9.3.5 格式化字符串 120 本章知识思维导图 122 第2篇 核心技术篇 第10章 JavaScript事件处理 124 视频讲解:13节,45分钟 10.1 事件与事件处理概述 125 10.1.1 什么是事件 125 10.1.2 JavaScript的常用事件 125 10.1.3 事件的调用 126 10.1.4 Event对象 127 10.2 表单相关事件 127 10.2.1 获得焦点与失去焦点事件 128 [实例10.1] 改变文本框的背景颜色 128 10.2.2 失去焦点内容改变事件 129 [实例10.2] 改变文本框的字体颜色 129 10.2.3 表单提交与重置事件 129 [实例10.3] 验证提交表单中是否有空值 130 10.3 鼠标键盘事件 130 10.3.1 鼠标单击事件 131 [实例10.4] 动态改变页面的背景颜色 131 10.3.2 鼠标按下和松开事件 131 [实例10.5] 用事件模拟超链接标记的功能 132 10.3.3 鼠标移入移出事件 132 [实例10.6] 动态改变图片的焦点 132 10.3.4 鼠标移动事件 133 10.3.5 键盘事件 133 [实例10.7] 实现单击“A”键刷新的功能 135 10.4 页面事件 135 10.4.1 页面加载事件 136 [实例10.8] 动态改变图片大小 136 10.4.2 页面大小事件 136 本章知识思维导图 137 第11章 文档对象 138 视频讲解:7节,39分钟 11.1 文档对象概述 139 11.2 文档对象的应用 140 11.2.1 设置文档前景色和背景色 140 [实例11.1] 动态改变文档的前景色和背景色 140 11.2.2 设置动态标题栏 141 [实例11.2] 实现动态标题栏 141 11.2.3 获取URL 142 [实例11.3] 显示当前页面的URL 142 11.2.4 在文档中输出数据 142 11.2.5 动态添加一个HTML标记 143 [实例11.4] 动态添加文本框 143 11.2.6 获取文本框并修改其内容 144 本章知识思维导图 145 第12章 表单对象 146 视频讲解:7节,46分钟 12.1 访问表单与表单元素 147 12.1.1 JavaScript访问表单 147 12.1.2 JavaScript访问表单元素 147 12.2 表单对象的属性、方法与事件 148 12.3 表单元素 148 12.3.1 文本框 149 [实例12.1] 验证表单内容是否为空 149 12.3.2 按钮 150 [实例12.2] 获取表单元素的值 151 12.3.3 单选按钮和复选框 152 [实例12.3] 获取人物信息 153 12.3.4 下拉菜单 153 [实例12.4] 制作简单的选择职位的程序 155 本章知识思维导图 157 第13章 图像对象 158 视频讲解:9节,55分钟 13.1 图像对象概述 159 13.1.1 图像对象介绍 159 13.1.2 图像对象的属性 159 [实例13.1] 输出图片的基本信息 160 13.1.3 图像对象的事件 160 [实例13.2] 当鼠标指向图片时实现图片置换 160 13.2 图像对象的应用 161 13.2.1 图片的随机显示 161 [实例13.3] 实现网页背景的随机变化 161 13.2.2 图片置顶 162 [实例13.4] 实现图片总置于顶端的功能 163 13.2.3 图片验证码 163 [实例13.5] 随机生成图片验证码 163 13.2.4 图像的预装载 164 [实例13.6] 使用预装载图像制作幻灯效果 165 13.2.5 图片渐变效果 166 [实例13.7] 图片渐变效果 166 13.2.6 进度条的显示 167 [实例13.8] 进度条的显示 167 本章知识思维导图 168 第14章 文档对象模型(DOM) 169 视频讲解:11节,41分钟 14.1 DOM概述 170 14.2 DOM对象节点属性 171 14.3 节点的操作 171 14.3.1 创建节点 172 [实例14.1] 补全古诗 172 14.3.2 插入节点 173 [实例14.2] 向页面中插入文本 173 14.3.3 复制节点 174 [实例14.3] 复制下拉菜单 174 14.3.4 删除节点 175 [实例14.4] 动态删除选中的文本 175 14.3.5 替换节点 176 [实例14.5] 替换标记和文本 176 14.4 获取文档中的指定元素 176 14.4.1 通过元素的id属性获取元素 177 [实例14.6] 在页面的指定位置显示当前日期 177 14.4.2 通过元素的name属性获取元素 177 [实例14.7] 实现电影图片的轮换效果 178 14.5 与DHTML相对应的DOM 178 14.5.1 innerHTML和innerText属性 179 [实例14.8] 显示时间和问候语 179 14.5.2 outerHTML和outerText属性 180 本章知识思维导图 181 第15章 Window对象 182 视频讲解:14节,54分钟 15.1 Window对象概述 183 15.1.1 Window对象的属性 183 15.1.2 Window对象的方法 183 15.1.3 Window对象的使用 184 15.2 对话框 184 15.2.1 警告对话框 185 [实例15.1] 弹出警告对话框 185 15.2.2 确认对话框 185 [实例15.2] 弹出确认对话框 186 15.2.3 提示对话框 186 15.3 打开与关闭窗口 187 15.3.1 打开窗口 187 [实例15.3] 弹出指定大小和位置的新窗口 188 15.3.2 关闭窗口 188 [实例15.4] 关闭子窗口时自动刷新父窗口 189 15.4 控制窗口 190 15.4.1 移动窗口 190 [实例15.5] 控制弹出窗口的居中显示 191 15.4.2 窗口滚动 192 15.4.3 改变窗口大小 193 [实例15.6] 动态改变窗口的大小 193 15.4.4 访问窗口历史 194 15.4.5 设置超时 195 [实例15.7] 动态显示日期和时间 195 15.5 通用窗口事件 196 本章知识思维导图 197 第16章 Style对象 198 视频讲解:2节,29分钟 16.1 Style对象简介 199 16.2 Style对象的样式标签属性和样式属性 199 16.2.1 样式标签属性和样式属性 199 16.2.2 颜色和背景属性 202 [实例16.1] 选中的行背景变色 202 [实例16.2] 背景固定居中 204 16.2.3 边框属性 205 [实例16.3] 单元格边框变色 205 [实例16.4] 立体窗口 207 16.2.4 定位属性 207 [实例16.5] 百叶窗 208 [实例16.6] 烟花效果 209 [实例16.7] 跟随鼠标指针移动的图片 211 16.2.5 字体属性 212 [实例16.8] 改变超链接字体样式 214 16.2.6 表格布局属性 215 [实例16.9] 限制表格的宽度 216 本章知识思维导图 217 第3篇 高级应用篇 第17章 JavaScript中使用XML 220 视频讲解:8节,40分钟 17.1 XML简介 221 17.1.1 创建XML 221 [实例17.1] XML文档的创建 221 17.1.2 DOM与XML 222 17.2 解析XML文本 223 17.2.1 在IE浏览器中解析XML文本 223 17.2.2 在非IE浏览器中解析XML文本 224 [实例17.2] 获取XML文本中的数据 225 17.3 读取XML数据 226 17.3.1 获取XML元素的属性值 226 [实例17.3] 获取XML元素的属性值 226 17.3.2 通过DOM元素的方法读取XML数据 227 [实例17.4] 应用名称访问XML数据 227 17.3.3 在表格中读取XML数据 229 [实例17.5] 在表格中读取XML数据 229 17.3.4 通过JavaScript操作XML实现分页 231 [实例17.6] 对读取的XML数据进行分页操作 231 本章知识思维导图 233 第18章 Ajax技术 234 视频讲解:11节,31分钟 18.1 Ajax概述 235 18.1.1 Ajax应用案例 235 18.1.2 Ajax的开发模式 235 18.1.3 Ajax的优点 236 18.2 Ajax的技术组成 237 18.2.1 XMLHttpRequest对象 237 18.2.2 XML语言 237 18.2.3 JavaScript脚本语言 239 18.2.4 DOM 239 18.2.5 CSS 239 18.3 XMLHttpRequest对象 239 18.3.1 XMLHttpRequest对象的初始化 239 18.3.2 XMLHttpRequest对象的常用属性 240 18.3.3 XMLHttpRequest对象的常用方法 242 [实例18.1] 读取HTML文件 244 本章知识思维导图 246 第19章 jQuery基础 247 视频讲解:8节,61分钟 19.1 jQuery概述 248 19.2 jQuery下载与配置 248 19.2.1 下载jQuery 248 19.2.2 配置jQuery 249 19.3 jQuery选择器 249 19.3.1 jQuery的工厂函数 250 19.3.2 基本选择器 250 [实例19.1] 获取文本框中输入的值 250 [实例19.2] 修改div元素的内容 252 [实例19.3] 获取元素并设置CSS样式 253 [实例19.4] 筛选元素并添加新的样式 255 19.3.3 层级选择器 256 [实例19.5] 为版权列表设置样式 257 [实例19.6] 为表单元素换肤 258 [实例19.7] 改变匹配元素的背景颜色 260 [实例19.8] 筛选div元素的同辈元素 261 19.3.4 过滤选择器 262 [实例19.9] 实现一个带表头的双色表格 263 [实例19.10] 应用内容过滤器匹配不同的单元格 265 [实例19.11] 利用表单对象的属性过滤器匹配元素 267 19.3.5 属性选择器 268 19.3.6 表单选择器 269 [实例19.12] 利用表单选择器匹配元素 269 本章知识思维导图 271 第20章 jQuery控制页面 272 视频讲解:4节,34分钟 20.1 对元素内容和值进行操作 273 20.1.1 对元素内容操作 273 [实例20.1] 对元素内容进行设置 274 20.1.2 对元素值操作 275 [实例20.2] 为多行列表框设置并获取值 275 20.2 对DOM节点进行操作 276 20.2.1 创建节点 276 20.2.2 插入节点 276 20.2.3 删除、复制与替换节点 278 [实例20.3] 我的开心小农场 279 20.3 对元素属性进行操作 281 [实例20.4] 改变图片大小 282 20.4 对元素的CSS样式进行操作 282 20.4.1 通过修改CSS类实现 283 [实例20.5] 改变文本样式 283 20.4.2 通过修改CSS属性实现 284 [实例20.6] 为图片添加和去除边框 285 本章知识思维导图 286 第21章 jQuery的事件处理 287 视频讲解:4节,14分钟 21.1 页面加载响应事件 288 21.2 jQuery中的事件 288 [实例21.1] 横向导航菜单 290 21.3 事件绑定 292 21.3.1 为元素绑定事件 292 [实例21.2] 表格的动态换肤 292 21.3.2 移除绑定 293 21.3.3 绑定一次性事件处理 293 21.4 模拟用户操作 294 21.4.1 模拟用户的操作触发事件 294 [实例21.3] 模拟用户单击事件 294 21.4.2 模仿悬停事件 294 [实例21.4] 切换表情图片 295 本章知识思维导图 296 第22章 jQuery的动画效果 297 视频讲解:4节,26分钟 22.1 基本的动画效果 298 22.1.1 隐藏匹配元素 298 22.1.2 显示匹配元素 298 [实例22.1] 实现自动隐藏式菜单 299 22.2 淡入、淡出的动画效果 300 22.3 滑动效果 301 22.3.1 滑动显示匹配的元素 302 22.3.2 滑动隐藏匹配的元素 302 22.3.3 通过高度的变化动态切换元素的可见性 302 [实例22.2] 实现伸缩式导航菜单 303 22.4 自定义的动画效果 305 22.4.1 使用animate()方法创建自定义动画 305 [实例22.3] 实现幕帘的效果 306 22.4.2 使用stop()方法停止动画 308 本章知识思维导图 308 第23章 Vue.js基础 309 视频讲解:11节,86分钟 23.1 什么是Vue.js 310 23.2 Vue.js的安装 311 23.2.1 直接下载并使用
你还可能感兴趣
我要评论
|