JavaScript程序设计基础与实战

本书合理选取JavaScript的相关理论知识，优化JavaScript程序设计的教学内容，科学安排各模块的编排顺序，构建了JavaScript程序设计的模块化结构。本书共8个模块，包括JavaScript知识入门及应用、JavaScript编程基础及应用、JavaScript流程控制及应用、JavaScript函数编程及应用、JavaScript对象编程及应用、JavaScript对象模型及应用、JavaScript事件处理及应用、JavaScript编程技巧及应用。每个模块均设计了知识启航、实战演练和在线评测环节，帮助读者强化理论知识，提升实操技能。 本书可作为普通高等院校、高职高专或中等职业院校JavaScript程序设计课程的教材，也可作为相关机构的培训用书及JavaScript技术爱好者的自学参考书。

陈承欢，三级教授，高级工程师，软件设计师，湖南省省级专业带头人，湖南省青年骨干教师，武汉大学软件工程专业，湖南铁道职业技术学院教务处处长。2008年，曾赴澳大利亚坎培门理工学院培训交流，2015年，曾赴加拿大圣力嘉学院培训交流，2019年，曾赴英国、德国学习交流。主持开发职业教育特色教材50多本，其中国家级“十一五”规划教材4本，国家级“十二五”规划教材10本，国家级“十三五”规划教材7本。国家精品课程与国家精品共享课程配套教材1本，国家职业教育资源库配套教材3本。主持《网页设计与制作》国家精品课程，主持《网页设计与制作》国家精品共享课程，主持《计算机维护与维修》、《实用工具软件应用》、《网页样式设计》3门国家资源库课程。国家级教学成果奖二等奖1项，湖南省职业教育教学成果奖特等奖1项、三等奖1项，湖南省教育教学改革发展优秀成果奖参等奖1项。

模块1　JavaScript知识入门及应用　1 知识启航　1 1.1　JavaScript简介　1 1.2　初识ECMAScript 6.0　2 1.3　JavaScript常用的开发工具和框架　2 1.4　ECMAScript的基本语法规则　3 1.5　JavaScript的注释　6 1.6　在HTML文档中嵌入JavaScript代码的方法　6 1.7　JavaScript的功能展示　9 1.8　JavaScript的输出　11 1.9　JavaScript的消息框　12 1.10　JavaScript库　13 1.11　jQuery简介　14 1.12　JavaScript和jQuery的使用比较　15 1.13　jQuery的选择器　16 1.14　jQuery的链式操作　16 实战演练　17 【任务1-1】使用JavaScript实现具有手风琴效果的横向焦点图片轮换　17 【任务1-2】使用jQuery实现动态改变购买数量　20 在线评测　22 模块2　JavaScript编程基础及应用　23 知识启航　23 2.1　ECMAScript的关键字与保留字　23 2.2　JavaScript的常量　24 2.3　JavaScript的变量　27 2.4　JavaScript的数据类型　30 2.5　typeof运算符与数据类型的检测　32 2.6　JavaScript数据类型的转换　33 2.7　字符串的基本操作　34 2.8　JavaScript的运算符与表达式　35 实战演练　39 【任务2-1】实现动态加载网页内容　39 【任务2-2】实现文本围绕鼠标指针旋转　41 在线评测　43 模块3　JavaScript流程控制及应用　44 知识启航　44 3.1　JavaScript的条件语句　44 3.2　JavaScript的循环语句　48 实战演练　54 【任务3-1】在不同的节日显示对应的问候语　54 【任务3-2】在不同时间段显示不同的问候语　55 【任务3-3】一周内每天显示不同的图片　56 【任务3-4】实现鼠标指针滑过时动态改变显示内容及其外观效果　57 【任务3-5】实现纵向焦点图片轮换　59 在线评测　64 模块4　JavaScript函数编程及应用　65 知识启航　65 4.1　JavaScript的函数　65 4.2　JavaScript的计时方法　73 实战演练　76 【任务4-1】实现动态改变样式　76 【任务4-2】实现动态改变网页字体大小及关闭网页窗口　77 【任务4-3】实现滚动网页标题栏中的文本　78 在线评测　80 模块5　JavaScript对象编程及应用　81 知识启航　81 5.1　JavaScript的字符串对象及方法　81 5.2　JavaScript的数值对象及方法　85 5.3　JavaScript的日期对象及方法　88 5.4　JavaScript的数组对象及方法　92 5.5　JavaScript的自定义对象　96 5.6　ES6使用class构造对象　100 5.7　JavaScript的this指针　102 5.8　JavaScript的正则表达式与应用　104 5.9　JavaScript的RegExp对象及其方法　106 5.10　支持正则表达式的String对象的方法　108 实战演练　112 【任务5-1】在特定日期范围内显示打折促销信息　112 【任务5-2】实现在线考试倒计时　113 【任务5-3】显示常规格式的当前日期和时间　115 【任务5-4】采用多种方式显示当前的日期及星期数　116 【任务5-5】显示限定格式的日期　117 【任务5-6】验证日期数据的有效性　118 在线评测　121 模块6　JavaScript对象模型及应用　122 知识启航　122 6.1　JavaScript的document对象及操作　122 6.2　JavaScript的浏览器对象及操作　128 6.3　JavaScript的尺寸与位置及其设置方法　131 6.3.1　网页元素的宽度和高度　131 6.3.2　网页元素的位置　135 6.3.3　通过网页元素的样式属性style获取或设置元素的尺寸和位置　140 实战演练　141 【任务6-1】实现邮箱自动导航　141 【任务6-2】实现网页内容折叠与展开　142 【任务6-3】实现注册表单中的网页特效　144 在线评测　150 模块7　JavaScript事件处理及应用　151 知识启航　151 7.1　认识JavaScript的事件　151 7.2　JavaScript的鼠标事件和键盘事件　152 7.3　页面事件　152 7.4　表单及表单控件事件　152 7.5　编辑事件　153 7.6　event对象　153 7.7　DOM事件的使用比较　154 7.8　JavaScript的事件方法　156 实战演练　156 【任务7-1】实现网页中的横向导航菜单　156 【任务7-2】实现网页中图片连续向上滚动　158 【任务7-3】实现下拉窗格的打开与自动隐藏　159 【任务7-4】实现限制图片尺寸与滑动鼠标滚轮调整图片尺寸　162 在线评测　163 模块8　JavaScript编程技巧及应用　164 知识启航　164 8.1　养成良好的JavaScript编程习惯　164 8.2　编写JavaScript程序时可能存在的误区　166 8.3　优化JavaScript代码与提升程序性能　170 8.4　JavaScript的异常处理　171 8.5　JavaScript代码的调试　173 8.6　变量的解构赋值　174 8.7　JSON及其使用方法　175 8.8　正确使用cookie　178 实战演练　180 【任务8-1】应用HTML元素的样式属性实现横向导航菜单　180 【任务8-2】实现获取表单控件的设置值　182 【任务8-3】实现具有滤镜效果的横向焦点图片轮换　186 【任务8-4】实现带缩略图且双向移动的横向焦点图片轮换　190 【任务8-5】实现网页图片拖曳　193 在线评测　196