前 言
JavaScript是一种脚本语言,从诞生至今广泛应用于Web开发,可以对用户操作进行响应,实现实时的、动态的、可交互性的功能,为用户提供流畅美观的浏览效果。近几年,互联网行业对用户体验的要求越来越高,前端开发技术越来越受到重视,JavaScript作为Web前端开发领域中一门重要的语言,如何能够快速、全面、系统地掌握它的应用,成为Web开发人员的迫切需求。
本书面向具有网页(HTML、CSS)基础的人群,讲解如何将JavaScript与HTML、CSS相结合,开发交互性强的网页。本书遵循学习者的认知规律和技能的形成规律,通过先易后难、从简入繁、从基础到高级的阶梯方式逐步深入讲解,采用“知识讲解+案例实践”的混合方式来安排内容,以真实网站开发中的案例作为教学案例,让读者在理解掌握基本知识的同时,能根据实际需求进行扩展与提高,达到“学用结合”的效果。
本书的内容主要包括JavaScript基本语法、函数、对象、BOM、DOM、事件等基础知识,以及正则表达式、jQuery、Ajax等扩展知识。全书共分为13章,每章简要介绍如下。
第1章主要讲解JavaScript脚本语言的主要特征、开发环境、引用方法、数据输出方法,以及JavaScript程序调试运行过程中常用的消息输出框等。
第2~3章主要讲解JavaScript脚本语言的基本数据类型、运算符和JavaScript语言的流程控制,并设计了实训案例“温度转换”“九九乘法表”等对重点知识进行强化。
第4章主要讲解JavaScript语言函数的定义和引用方法、函数参数和返回值,并设计了实训案例“社区便利店收银系统”帮助读者理解掌握。
第5章主要讲解对象的基本概念和JavaScript中常用的内置对象,实训案例是“表单信息获取”。
第6~7章主要讲解BOM对象和DOM对象的操作,并设计了实训案例“抢购倒计时” “标签栏切换”和“图片放大特效”等加强对知识的理解和应用。
第8章主要讲解JavaScript系统常用的事件,并通过具体的应用案例“50以内加法训练系统”对事件及其事件处理程序进行详细讲解。
第9章主要讲解正则表达式的概念、正则表达式的语法规则、与正则相关的方法和属性,通过案例“表单信息验证”介绍正则表达式在网页设计中的应用。
第10~12章主要讲解jQuery的使用,包括jQuery选择器、jQuery事件、jQuery动画设计技术等,并通过实训案例“横向选项卡”“项目提成计算器”“无缝轮播图”等达到对知识的学以致用。
第13章主要讲解Ajax对象的属性和方法、Ajax?的核心对象?XMLHttpRequest以及 jQuery?中的?Ajax?方法,并通过案例“上传文件进度条”介绍Ajax的应用。
本书内容丰富、结构合理、示例翔实。在每一章的正文中,结合案例讲解基础知识和关键技术,并穿插大量实用的案例,加强对知识的理解和掌握。每一章末尾都安排了丰富的、有针对性的练习题,有助于读者巩固所学的知识、掌握实际应用技术、培养解决实际问题的能力。
本书编写时,响应国家提出的思政进课堂的要求,内容选取上达到既培养读者技能,也提高读者德育的目标。书中案例设计精细实用,培养读者仔细认真、精益求精的大国工匠精神。案例代码按照流行的网页设计规范和JavaScript代码编写规范,培养读者严谨规范的编码风格。配套习题既有难度又有高度,培养读者理论联系实际、分析问题、解决问题的动手能力。
在本书编写中,软通动力信息技术(集团)股份有限公司的主任工程师王海明对采用的案例进行了设计和审核,使得教材中的案例既能满足教学需要,又能满足实际开发需求。
本书既可以作为高等职业院校计算机、网络、软件等专业及相关专业的教材,也可以作为Web前端开发人员的学习参考书。
编 者