本书是一本入门级Web前端开发教材,以通俗易懂的语言、丰富实用的案例,帮助初学者快速掌握JavaScript技术和jQuery技术,并能够运用JavaScript技术和jQuery技术开发交互式Web前端项目。
全书共12章。第1~5章讲解JavaScript的基础知识;第6~8章讲解DOM和BOM的相关知识;第9、10章讲解jQuery的使用以及如何使用jQuery开发网页中常见的交互效果;第11章讲解JavaScript面向对象编程的相关知识;第12章讲解正则表达式的使用。
本书附有配套资源,包括教学大纲、教学设计、源代码、习题等,为了帮助读者更好地学习本书中的内容,还提供了在线答疑服务。
本书适合作为高等院校本、专科计算机相关专业的教材,也可作为广大计算机编程爱好者的参考书。
本书在编写的过程中,结合党的二十大精神进教材、进课堂、进头脑的要求,将知识教育与思想政治教育相结合,通过案例加深学生对知识的认识与理解,注重培养学生的创新精神、实践能力和社会责任感。案例设计从现实需求出发,激发学生的学习兴趣和动手思考的能力,充分发挥学生的主动性和积极性,增强学习信心和学习欲望。在知识和案例中融入了素质教育的相关内容,引导学生树立正确的世界观、人生观和价值观,进一步提升学生的职业素养,落实德才兼备的高素质卓越工程师和高技能人才的培养要求。此外。编者依据书中的内容提供了线上学习资源,体现现代信息技术与教育教学的深度融合,进一步推动教育数字化发展。
本书是《JavaScript+jQuery交互式Web前端开发》教材的改版,对书中的技术、知识点、案例都进行了升级,主要改动如下。
(1)将jQuery版本从3.3.1升级到3.6.4。
(2)目录结构更清晰,各章学习目标更明确,知识点讲解的顺序更加合理。
(3)对整本书的内容进行优化,将抽象的概念具体化,语言更通俗易懂,语法格式更规范,案例需求引出更新颖、更贴合实际开发场景,在部分知识点的讲解中还增加了思政元素。
第1章 初识JavaScript 1 1.1 JavaScript基本概念 1 1.1.1 JavaScript概述 1 1.1.2 JavaScript的由来 2 1.1.3 JavaScript的组成 2 1.1.4 JavaScript的特点 3 1.2 JavaScript开发工具 3 1.2.1 浏览器 4 1.2.2 代码编辑器 5 1.3 JavaScript基本使用 7 1.3.1 JavaScript初体验 7 1.3.2 JavaScript代码引入方式 7 1.3.3 JavaScript常用的输入输出语句 9 1.3.4 JavaScript注释 11 1.4 变量 11 1.4.1 什么是变量 11 1.4.2 变量的命名规则 12 1.4.3 变量的声明与赋值 13 1.4.4 【案例】使用变量保存商品信息 14 1.4.5 【案例】使用变量保存用户输入的值 15 1.4.6 【案例】交换两个变量的值 16 本章小结 17 课后习题 17 第2章 JavaScript基础 19 2.1 数据类型 19 2.1.1 数据类型分类 19 2.1.2 常用的基本数据类型 20 2.2 数据类型转换 23 2.2.1 将数据转换为布尔型数据 24 2.2.2 将数据转换为数字型数据 24 2.2.3 将数据转换为字符串型数据 25 2.3 运算符 26 2.3.1 算术运算符 26 2.3.2 字符串运算符 27 2.3.3 赋值运算符 28 2.3.4 比较运算符 29 2.3.5 逻辑运算符 30 2.3.6 三元运算符 31 2.3.7 位运算符 31 2.3.8 数据类型检测运算符 32 2.3.9 运算符优先级 33 2.3.10 【案例】计算圆的周长和面积 34 2.4 流程控制 35 2.4.1 选择结构 35 2.4.2 【案例】查询蔬菜的价格 40 2.4.3 循环结构 41 2.4.4 【案例】for语句的使用 44 2.4.5 循环嵌套 46 2.4.6 跳转语句 49 本章小结 51 课后习题 52 第3章 数组 53 3.1 初识数组 53 3.2 创建数组 54 3.3 数组的基本操作 54 3.3.1 获取和修改数组长度 55 3.3.2 访问数组 56 3.3.3 遍历数组 56 3.3.4 添加和修改数组元素 57 3.3.5 删除数组元素 57 3.3.6 筛选数组元素 58 3.3.7 反转数组元素顺序 58 3.3.8 【案例】查找班级最高分和最低分 60 3.4 数组元素排序 61 3.4.1 冒泡排序 61 3.4.2 插入排序 63 3.5 二维数组 65 3.5.1 创建与访问二维数组 65 3.5.2 遍历二维数组 66 3.5.3 【案例】使用二维数组实现矩阵转置 67 本章小结 69 课后习题 69 第4章 函数 71 4.1 初识函数 71 4.1.1 什么是函数 72 4.1.2 函数的定义与调用 72 4.1.3 函数的参数 73 4.1.4 函数的返回值 75 4.1.5 【案例】函数的综合应用 76 4.2 函数进阶 76 4.2.1 函数表达式 76 4.2.2 匿名函数 76 4.2.3 回调函数 77 4.2.4 递归函数 78 4.3 作用域 79 4.3.1 作用域的分类 79 4.3.2 作用域链 80 4.4 闭包函数 81 4.5 预解析 82 本章小结 83 课后习题 83 第5章 对象 85 5.1 初识对象 85 5.2 对象的创建 86 5.2.1 利用字面量创建对象 86 5.2.2 利用构造函数创建对象 87 5.2.3 利用Object()创建对象 89 5.3 对象的遍历 90 5.4 Math对象 91 5.4.1 Math对象的使用 91 5.4.2 生成指定范围的随机数 92 5.4.3 【案例】猜数字游戏 93 5.5 日期对象 94 5.5.1 日期对象的使用 94 5.5.2 【案例】统计代码运行时间 97 5.5.3 【案例】倒计时 98 5.6 数组对象 99 5.6.1 创建数组对象 99 5.6.2 添加或删除数组元素 100 5.6.3 【案例】筛选数组元素 101 5.6.4 数组元素排序 101 5.6.5 数组元素索引 102 5.6.6 【案例】去除数组中的重复元素 103 5.6.7 数组转换为字符串 104 5.7 字符串对象 105 5.7.1 创建字符串对象 105 5.7.2 根据字符返回索引 106 5.7.3 根据索引返回字符 106 5.7.4 【案例】统计字符串中出现最多的字符和相应的次数 107 5.7.5 字符串操作方法 108 5.7.6 【案例】判断用户名是否合法 109 5.8 查阅MDN Web文档 109 本章小结 111 课后习题 111 第6章 DOM(上) 113 6.1 Web API简介 113 6.2 DOM简介 114 6.3 获取元素 115 6.3.1 根据id属性获取元素 115 6.3.2 根据标签名获取元素 116 6.3.3 根据name属性获取元素 117 6.3.4 根据类名获取元素 117 6.3.5 根据CSS选择器获取元素 118 6.3.6 获取基本结构元素 119 6.4 事件基础 120 6.4.1 事件概述 120 6.4.2 事件注册 121 6.5 操作元素 121 6.5.1 操作元素内容 122 6.5.2 操作元素属性 124 6.5.3 操作元素样式 127 6.5.4 【案例】操作元素的综合应用 130 本章小结 130 课后习题 130 第7章 DOM(下) 132 7.1 节点操作 132 7.1.1 获取节点 132 7.1.2 创建并添加节点 135 7.1.3 移除节点 136 7.1.4 【案例】简易留言板 137 7.1.5 复制节点 137 7.2 事件进阶 138 7.2.1 事件监听 138 7.2.2 事件移除 139 7.2.3 DOM事件流 140 7.3 事件对象 141 7.3.1 获取事件对象 141 7.3.2 事件对象的常用属性和方法 141 7.4 鼠标事件 144 7.4.1 常用的鼠标事件 144 7.4.2 鼠标事件对象 145 7.4.3 【案例】图片跟随鼠标指针移动 146 7.4.4 【案例】下拉菜单 146 7.5 键盘事件 146 7.5.1 常用的键盘事件 147 7.5.2 键盘事件对象 148 7.5.3 【案例】文本框提示信息 149 7.6 元素位置操作 149 本章小结 149 课后习题 150 第8章 BOM 152 8.1 BOM简介 152 8.2 BOM对象 153 8.2.1 window对象 153 8.2.2 location对象 154 8.2.3 navigator对象 155 8.2.4 history对象 155 8.2.5 screen对象 156 8.3 窗口事件 157 8.3.1 窗口加载与卸载事件 157 8.3.2 窗口大小改变事件 158 8.4 定时器 159 8.4.1 设置定时器的方法 159 8.4.2 【案例】3秒后自动关闭广告 160 8.4.3 【案例】60秒内只能发送一次验证码 161 8.5 同步和异步 162 本章小结 164 课后习题 164 第9章 jQuery(上) 166 9.1 初识jQuery 166 9.1.1 什么是jQuery 166 9.1.2 下载和引入jQuery 167 9.1.3 jQuery的简单使用 168 9.1.4 jQuery对象 168 9.2 jQuery选择器 170 9.2.1 基本选择器 170 9.2.2 层次选择器 170 9.2.3 筛选选择器 171 9.2.4 其他选择器 172 9.3 jQuery内容操作 174 9.4 jQuery样式操作 175 9.4.1 css()方法操作元素的样式 175 9.4.2 操作元素样式类 176 9.5 jQuery属性操作 178 9.5.1 prop()方法 178 9.5.2 attr()方法 179 9.5.3 data()方法 179 本章小结 180 课后习题 180 第10章 jQuery(下) 182 10.1 jQuery元素操作 182 10.1.1 元素遍历操作 182 10.1.2 元素查找和过滤操作 184 10.1.3 【案例】精品展示 185 10.1.4 元素追加操作 186 10.1.5 元素复制操作 187 10.1.6 元素替换和删除操作 188 10.2 jQuery尺寸和位置操作 189 10.2.1 尺寸操作方法 189 10.2.2 位置操作方法 190 10.3 jQuery事件操作 192 10.3.1 页面加载事件 192 10.3.2 事件注册 192 10.3.3 事件触发 195 10.3.4 事件委托 196 10.3.5 事件解除 197 10.3.6 事件对象 198 10.3.7 【案例】Tab栏切换 199 10.4 jQuery动画 199 10.4.1 显示和隐藏效果 200 10.4.2 滑动效果 201 10.4.3 停止效果 202 10.4.4 淡入淡出效果 203 10.4.5 自定义动画 204 10.4.6 【案例】手风琴效果 205 10.5 jQuery其他方法 206 10.5.1 $.extend()方法 206 10.5.2 $.ajax()方法 206 10.6 【案例】使用jQuery实现购物车功能 208 本章小结 208 课后习题 208 第11章 JavaScript面向对象 210 11.1 面向对象概述 210 11.1.1 面向过程与面向对象的区别 211 11.1.2 面向对象的特征 211 11.2 类与对象概述 212 11.2.1 类与对象 212 11.2.2 类的定义和继承 213 11.2.3 调用父类的方法 214 11.3 原型 216 11.3.1 原型对象 217 11.3.2 成员查找机制 220 11.3.3 原型链 221 11.3.4 【案例】利用原型链对象扩展数组方法 225 11.4 更改this指向 225 11.5 错误处理 227 11.5.1 错误处理的方式 227 11.5.2 错误类型 228 11.5.3 错误对象的抛出 229 11.5.4 错误对象的传递 229 本章小结 230 课后习题 230 第12章 正则表达式 232 12.1 认识正则表达式 232 12.2 使用正则表达式 233 12.3 正则表达式中的元字符 234 12.4 正则表达式常用方法 234 12.4.1 search()方法 235 12.4.2 split()方法 235 12.4.3 replace()方法 236 12.4.4 【案例】查找并替换敏感词 236 本章小结 238 课后习题 238