
本书是Web 前端开发的入门教材,主要介绍了JavaScript 和jQuery 的基础知识和基本技能。采用活页式教材的编写理念,将各部分知识模块化,整体内容循序渐进,精简了理论知识,更加注重案例与实践练习,可逐步加强学习者对于Web 前端开发技术的理解和掌握。本书共包含12 个学习活动。学习活动1~9 围绕JavaScript 进行讲解,主要包括输入输出数据、控制分支语句程序、控制程序循环执行、存储并编辑数组数据、JavaScript 代码模块化、JavaScript 对象、掌握JavaScript 中BOM 操作、使用DOM 控制页面元素、JavaScript事件处理。学习活动10~11 围绕jQuery 进行讲解,主要包括使用jQuery 框架处理元素、基于jQuery 的事件处理与动画效果。学习活动12 围绕正则表达式进行讲解。 本书内容通俗易懂、突出实践,可作为本科、高职院校计算机相关专业的Web 前端开发课程的教材,也可供广大IT 技术初学者和编程爱好者自学使用。
HTML、CSS 和JavaScript 是Web 前端开发常用的3 种技术,通过这3 种技术衍生出了各种框架和解决方案。随着移动互联网的发展,大量高性能移动终端设备的应用对Web前端开发提出了更高的要求,JavaScript 作为Web 前端开发中必不可少的一种技术,越来越展现出其重要性,也逐渐成为Web 前端开发人员的必备技能。 本书结构 本书适用于具有HTML 和CSS 基础的读者,主要介绍了JavaScript 与HTML、CSS相结合,开发交互式页面的相关知识,同时对jQuery 框架和正则表达式的基础知识进行了介绍。本书的编者多年从事Web 前端开发的教学工作,在内容的编排和案例的设计上更加注重学生的学习习惯和岗位能力的要求。本书对理论知识进行了合理规划,突出培养学生的实践动手能力,引导学生自主学习,增强学生解决问题的能力。 本书共包含12 个学习活动。学习活动1~9 围绕JavaScript 进行讲解,主要包括输入输出数据、控制分支语句程序、控制程序循环执行、存储并编辑数组数据、JavaScript 代码模块化、JavaScript 对象、掌握JavaScript 中BOM 操作、使用DOM 控制页面元素、JavaScript事件处理。学习活动10~11 围绕jQuery 进行讲解,主要包括使用jQuery 框架处理元素、基于jQuery 的事件处理与动画效果。学习活动12 围绕正则表达式进行讲解。 本书中每个学习活动都由不同的学习任务组成,在介绍学习任务之前,设计了“学习目标”“建议学时”“学习活动简介”3 个环节,引导学生了解本次学习活动的目标和主要内容,并为授课教师提供建议学时参考。学习任务包含“任务目标”“知识介绍”“实践练习”“知识盘点”4 个环节,有些学习任务还包含“知识拓展”环节。“知识介绍”环节主要介绍核心的理论知识;“知识拓展”环节进一步介绍拓展知识,扩展知识面,增加知识储备;“实践练习”环节提供了丰富的练习题;“知识盘点”环节提供了知识梳理与汇总表,可供学生自评、同学互评和教师评价使用。 本书内容通俗易懂、突出实践,可作为本科、高职院校计算机相关专业的Web 前端开发课程的教材,也可供广大IT 技术初学者和编程爱好者自学使用。 尽管我们为编写本书付出了最大的努力,但是书中难免存在不足之处,欢迎专家和读者提出宝贵的意见。如果发现任何问题,可以通过发送电子邮件与我们取得联系。电子邮箱:10151916@qq.com。 本书特色 本书采用活页式的编写理念,将各部分知识模块化,整体内容循序渐进,在阐述理论的同时,每个学习任务都设计了实践练习题目。编者具有多年Web 前端开发教学经验,在编写本书的过程中,一方面注重知识的融会贯通,另一方面注重学生的学习习惯,能够提升学生的学习兴趣,使学生能够及时消化所学的知识和技能。 代码说明 本书案例和实践练习的重点是Web 前端交互式编程,为了叙述简洁,书中省略了大部分CSS 样式和部分HTML 代码,完整的代码见本书提供的源代码。众所周知,注释在Web 前端开发中是必不可少的。由于篇幅限制,书中只对必要的地方进行了注释,本书源代码中提供了比较完整的注释。 本书编者 本书的编者都是长期从事Web 前端开发的一线教师,在网站、软件研发等领域积累了丰富的经验。本书由王向华老师主编,负责编写本书学习活动1~4、学习活动9~12,并负责全书内容的规划和统稿。谢莉莉老师参与了本书学习活动5、学习活动6的编写工作,杜海颖老师参与了本书学习活动7、学习活动8的编写工作。
学习活动1 输入输出数据 .......................................................................................................... 001 学习任务1 引入JavaScript 脚本 ....................................................................................... 003 学习任务2 声明JavaScript 变量 ....................................................................................... 009 学习任务3 输入输出简单数据 .......................................................................................... 013 学习任务4 输入输出表达式 .............................................................................................. 019 学习活动2 控制分支语句程序 ................................................................................................. 025 学习任务1 使用单分支语句模拟话费充值 ..................................................................... 027 学习任务2 使用双分支语句判断成绩 ............................................................................. 031 学习任务3 使用多分支语句判断年龄区间 ..................................................................... 037 学习任务4 使用switch 语句控制图片显示 ..................................................................... 043 学习活动3 控制程序循环执行 ................................................................................................. 049 学习任务1 使用while 循环语句输出表格 ...................................................................... 051 学习任务2 使用do-while 循环语句计算水仙花数 ........................................................ 057 学习任务3 使用for 循环语句输出图片 ........................................................................... 061 学习任务4 控制循环流程 .................................................................................................. 065 学习活动4 存储并编辑数组数据 ............................................................................................. 069 学习任务1 创建与遍历一维数组 ...................................................................................... 071 学习任务2 创建、引用和遍历关联数组 ......................................................................... 077 学习任务3 创建与遍历二维数组 ...................................................................................... 081 学习任务4 使用数组相关的方法 ...................................................................................... 085 学习任务5 数组排序 ................................................................................................................... 089 学习活动5 JavaScript 代码模块化 ..................................................................................... 093 学习任务1 声明和调用函数............................................................................................... 095 学习任务2 定义变量作用域............................................................................................... 101 学习任务3 使用匿名函数 ................................................................................................... 107 学习任务4 使用回调函数 ................................................................................................... 111 学习任务5 使用闭包函数 ................................................................................................... 117 学习活动6 JavaScript 对象 .................................................................................................. 121 学习任务1 String 对象属性与方法 ................................................................................... 123 学习任务2 Math 对象属性与方法 ..................................................................................... 128 学习任务3 Date 对象属性与方法 ...................................................................................... 134 学习任务4 自定义对象 ....................................................................................................... 140 学习活动7 掌握JavaScript 中BOM 操作 ....................................................................... 147 学习任务1 使用window 对象控制浏览器 ....................................................................... 149 学习任务2 使用location 对象控制操作URL .................................................................. 155 学习任务3 使用history 对象控制浏览历史..................................................................... 159 学习任务4 使用screen 对象获取屏幕信息 ..................................................................... 163 学习任务5 使用document 对象操作文档 ........................................................................ 166 学习活动8 使用DOM 控制页面元素 .................................................................................... 171 学习任务1 获取页面DOM 节点 ....................................................................................... 173 学习任务2 添加与删除页面节点 ...................................................................................... 177 学习任务3 通过DOM 编辑节点内容 .............................................................................. 183 学习任务4 使用DOM 属性控制节点样式 ...................................................................... 189 学习活动9 JavaScript 事件处理 .......................................................................................... 197 学习任务1 绑定事件 ........................................................................................................... 199 学习任务2 常见页面事件 ................................................................................................... 205 学习任务3 常见鼠标事件 ................................................................................................... 211 学习任务4 常见键盘事件 ................................................................................................... 219 学习任务5 事件冒泡与事件委托 ...................................................................................... 225 学习活动10 使用jQuery 框架处理元素 ............................................................................... 231 学习任务1 引入和使用jQuery .......................................................................................... 233 学习任务2 使用jQuery 选择器 ......................................................................................... 237 学习任务3 使用jQuery 添加或删除节点 ........................................................................ 248 学习任务4 使用jQuery 设置元素属性 ............................................................................ 254 学习任务5 使用jQuery 设置元素样式 ............................................................................ 260 学习任务6 使用jQuery 设置元素内容 ............................................................................ 266 学习活动11 基于jQuery 的事件处理与动画效果 .............................................................. 271 学习任务1 绑定与解绑事件 .............................................................................................. 273 学习任务2 处理jQuery 复合事件与事件委托 ................................................................ 279 学习任务3 使用jQuery 实现预定义动画效果 ................................................................ 283 学习任务4 实现自定义动画效果 ...................................................................................... 289 学习活动12 正则表达式 ............................................................................................................ 295 学习任务1 创建与使用正则表达式 ................................................................................. 297 学习任务2 使用元字符控制正则表达式 ......................................................................... 301 学习任务3 其他方法匹配正则表达式 ............................................................................. 307
http://www.hxedu.com.cn/hxedu/fg/book/bookinfo.html?code=G0448170