作者：聚慕课教育研发中心
出版社：清华大学出版社
格式: AZW3, DOCX, EPUB, MOBI, PDF, TXT
JavaScript 从入门到项目实践(超值版)试读：
前言
部分对资源包的具体内容、获取方式以及使用方法等做了详细说明。本书适合希望学习Web开发前端编程语言的初、中级程序员和希望精通JavaScript语言的程序员阅读，同时也可作为没有项目实践经验，有一定JavaScript编程基础的人员阅读，还可作为大中专院校及培训学校的老师、学生以及正在进行软件专业相关毕业设计的学生阅读。前言丛书说明
本套“软件开发魔典”系列图书，是专门为编程初学者量身打造的编程基础学习与项目实践用书，由聚慕课教育研发中心组织编写。
本丛书针对“零基础”和“入门”级读者，通过案例引导读者深入技能学习和项目实践。为满足初学者在基础入门、扩展学习、编程技能、行业应用、项目实践等五个方面的职业技能需求，特意采取“基础知识→核心应用→核心技术→高级应用→行业应用→项目实践”的结构和“由浅入深，由深到精”的学习模式进行讲解，如下图所示。
本丛书目前计划包含以下品种。
古人云：读万卷书，不如行万里路；行万里路，不如阅人无数；阅人无数，不如名师指路……引导与实践对于学习知识的重要性由此可见一斑。本书始于基础，结合理论知识的讲解，从项目开发基础入手，逐步引导读者进行项目开发实践，深入浅出地讲解JavaScript语言在Web前端编程中的各项技术和项目实践技能。我们的目的是多角度、全方位地帮助读者快速掌握软件开发技能，构建从高校到社会与企业的就职桥梁，让有志从事软件开发的读者轻松步入职场。JavaScript最佳学习线路
本书以JavaScript最佳的学习模式来分配内容结构，第1～4篇可使您掌握JavaScript语言Web前端编程基础知识、应用技能，第5、6篇可使您拥有多个行业项目开发经验。遇到问题可以学习本书同步微视频，也可以通过在线技术支持，让老程序员为您答疑解惑。本书内容
全书分为6篇35章。
第1篇为基础知识，主要讲解JavaScript的基础入门、HTML知识、CSS知识、表格与表单技术、表达式与运算符、程序控制语句等。学完本篇，读者能快速掌握JavaScript语言，为后面更好地学习JavaScript编程打下坚实基础。
第2篇为核心应用，主要讲解JavaScript的对象与数组、函数与闭包、窗口与人机交互对话框、文档对象与对象模型、事件机制以及正则表达式等。学完本篇，读者将对使用JavaScript进行前端开发有更高的水平。
第3篇为核心技术，主要讲解JavaScript客户端开发技术、服务器端开发技术、数据库存储技术、错误和异常处理以及安全策略等。学完本篇，读者将对Web客户端、数据库运用以及程序异常与安全处理等方面有较高的水平。
第4篇为高级应用，主要讲解jQuery应用入门、jQuery控制页面、jQuery的动画与特效、jQuery的事件处理、jQuery与Ajax的综合应用以及jQuery插件的应用与开发等。学完本篇，读者将对jQuery在Web编程中对页面控制、动画、特效以及事件等方面有一个全面的掌握。
第5篇为行业应用，主要讲解JavaScript语言在游戏开发、金融理财、移动互联网、电子商务等行业开发中的应用。学完本篇，读者将对JavaScript在不同行业中的开发和应用有一个完整的开发体验。
第6篇为项目实践，首先介绍了项目开发与规划，然后通过3D文字球、酷炫动画、酷炫菜单、企业门户网站以及游戏大厅网站等实践特效案例，使读者对项目开发中的实际应用有切身体会。学完本篇，读者将对JavaScript在Web前端开发中有一个详尽的开发实践体验，能在自己的职业生涯中面对各类JavaScript开发需求运用自如。
全书不仅融入了作者丰富的工作经验和多年的使用心得，还提供了大量来自企业的实践案例，具有较强的实践性和可操作性。学习本书后可以系统掌握JavaScript语言的基础知识、全面的前端程序开发能力、优良的团队协同技能和丰富的项目实践经验。我们的目标就是让初学者、应届毕业生快速成长为一名合格的初级程序员，通过演练积累项目开发经验和团队合作技能，在未来的职场中获取一个高的起点，并能迅速融入软件开发团队中。本书特色
1．结构科学，自学更易
本书在内容组织和范例设计中都充分考虑到初学者的要求，由浅入深、循序渐进地进行讲解，无论您是否接触过JavaScript语言，都能从本书中找到最佳的起点。
2．视频讲解，细致透彻
为降低学习难度，提高学习效率，本书录制了同步微视频（模拟培训班模式）。通过视频学习除了能轻松学会专业知识外，还能获取到老师们的软件开发经验，使学习变得更轻松有效。
3．超多、实用、专业的范例和实战项目
本书结合实际工作中的应用范例逐一讲解JavaScript语言的各种知识和技术，在行业应用篇和项目实践篇中更以10个项目的实践来贯通本书所学，使您在实践中掌握知识，轻松拥有项目开发经验。
4．随时检测自己的学习成果
每章首页中，均提供了学习指引和重点导读，以指导读者重点学习及学后检查；章后的就业面试技巧与解析，均根据当前最新求职面试（笔试）精选而成，读者可以随时检测自己的学习成果，做到融会贯通。
5．专业创作团队和技术支持
本书由聚慕课教育研发中心编著并提供在线服务。您在学习过程中遇到任何问题，均可登录http://www.jumooc.com网站或加入图书读者（技术支持）QQ群：529669132进行提问，由作者和资深程序员为您在线答疑。本书附赠超值王牌资源库
本书附赠了极为丰富、超值的王牌资源库，具体内容如下图所示。（1）王牌资源1：随赠本书“配套学习与教学”资源库，提高读者学会用好JavaScript语言的学习效率。● 全书同步教学微视频录像，有485节24学时视频，以培训班模式透彻精讲，支持扫描二维码观看）。● 本书中10个大型项目案例以及363个示例源代码。● 本书配套上机实训指导手册及全书教学PPT课件。（2）王牌资源2：随赠“职业成长”资源库，突破读者职业规划与发展弊端与瓶颈。● 求职资源库：206套求职简历模板库，600套毕业答辩模板库与学术开题报告PPT模板库。● 面试资源库：程序员面试技巧、常见面试（笔试）题库、400道求职常见面试（笔试）真题与解析。● 职业资源库：程序员职业规划手册、软件工程师技能手册、100例常见错误及解决方案、开发经验及技巧集、210套岗位竞聘模板。（3）王牌资源3：随赠“JavaScript软件开发魔典”资源库，拓展读者学习本书的深度和广度。● 案例资源库：600个实例及源代码注释。● 项目资源库：10大行业网站开发策划案。● 软件开发文档模板库：100套8大行业软件开发文档模板库、90套JavaScript特效案例库、133套网页模板库、3600例网页素材、14套网页赏析案例库等。● 软件学习必备工具及电子书资源库：CSS参考手册、CSS滤镜参考手册、CSS属性参考手册、JavaScript语法参考手册、HTML标签速查表电子书、jQuery参考手册、HTML和CSS网页标准指南、Web布局模板电子书、JavaScript 参考手册、4套网页配色电子书库。（4）王牌资源4：编程代码优化纠错器。● 本助手能让软件开发更加便捷和轻松，无须配置复杂的软件运行环境即可轻松运行程序代码。● 本助手能一键格式化，让凌乱的程序代码更加规整美观。● 本助手能对代码精准纠错，让程序查错不再难。（5）王牌资源5：随赠在线课程（VIP会员）：可免费学习包含Python、Java、Java Web、C、JavaScript、MySQL、IOS 、C# 、PHP、 HTML 5、C++ 、Linux 、Linux C 、ASP.NET 、Android、SQL Server 、Oracle 等30多类500余学时项目开发在线课程及大量免费模板。上述资源获取及使用
注意：由于本书不配送光盘，书中所用及上述资源均需借助网络下载才能使用。
1．资源获取
采用以下任意途径，均可获取本书所附赠的超值王牌资源库。（1）加入本书微信公众号，下载资源或者咨询关于本书的任何问题。（2）登录网站www.jumooc.com，搜索本书并下载对应资源。（3）加入本书图书读者（技术支持）QQ群：529669132，获取网络下载地址和密码。（4）通过电子邮件elesite@163.com、408710011@qq.com与我们联系，获取本书对应资源。（5）通过扫描封底刮刮卡二维码，获取本书对应资源。
2．使用资源
本书可通过以下途径学习和使用本书微视频和资源。（1）通过PC端（在线）、APP端（在/离线）和微信端（在线）以及平板端（在/离线）学习本书微视频和练习考试题库。（2）将本书资源下载到本地硬盘，根据学习需要选择性使用。（3）通过“JavaScript软件开发魔典”运行系统使用。
打开下载资源包中的“JavaScript软件开发魔典.exe”系统，进入如下图所示的系统界面。
在该系统中可以获取所有附赠的超值王牌资源。读者对象
本书非常适合以下人员阅读。● 没有任何JavaScript语言基础的初学者。● 有一定的JavaScript语言基础，想精通JavaScript语言编程的人员。● 有一定的JavaScript编程基础，没有项目实践经验的人员。● 正在进行软件专业相关毕业设计的学生。● 大中专院校及培训学校的老师和学生。创作团队
本书由聚慕课教育研发中心组织编写，参与本书编写的主要人员有：王湖芳、张开保、贾文学、张翼、白晓阳、李新伟、李坚明、白彦飞、卞良、常鲁、陈诗谦、崔怀奇、邓伟奇、凡旭、高增、郭永、何旭、姜晓东、焦宏恩、李春亮、李团辉、刘二有、王朝阳、王春玉、王发运、王桂军、王平、王千、王小中、王玉超、王振、徐利军、姚玉中、于建斌、张俊锋、张晓杰、张在有等。
在编写过程中，我们尽可能地将最好的讲解呈现给读者，但也难免有疏漏和不妥之处，敬请不吝指正。若您在学习中遇到困难或疑问，或有任何建议，可写信至信箱elesite@163.com。另外，您也可以登录我们的网站http://www.jumooc.com进行交流以及免费下载学习资源。作 者第1篇基础知识
本篇从JavaScript前端开发技术的基础入门，包括HTML知识、CSS知识、表格与表单技术、表达式与运算符以及程序控制语句等，引领读者步入JavaScript的编程世界。
读者在学完本篇后将会了解到JavaScript的基本概念，掌握JavaScript的基本操作及应用方法，为后面更好地学习JavaScript编程打好基础。● 第1章 步入JavaScript编程世界——JavaScript初探● 第2章 世界上最流行的编程语言——JavaScript● 第3章 感受JavaScript精彩——基础入门● 第4章 JavaScript开发基础——HTML知识● 第5章 JavaScript开发基础——CSS知识● 第6章 JavaScript开发中表格与表单技术● 第7章 JavaScript表达式与运算符● 第8章 JavaScript程序控制语句第1章步入JavaScript编程世界——JavaScript初探
◎本章教学微视频：13个 34分钟学习指引
JavaScript是互联网上最流行的脚本语言，这门语言可用于HTML和Web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。本章将详细介绍JavaScript的相关基础知识，主要内容包括JavaScript概述、JavaScript应用初体验、网页中的JavaScript等。重点导读● 了解JavaScript。● 掌握JavaScript应用初体验。● 掌握网页中执行JavaScript的方法。● 掌握JavaScript清新体验的实例。1.1 JavaScript概述
JavaScript是一种由Netscape公司的LiveScript发展而来的面向过程的客户端脚本语言，为客户提供更流畅的浏览效果。另外，由于Windows操作系统对其拥有较为完善的支持，并提供二次开发的接口来访问操作系统中各个组件，从而可实现相应的管理功能。1.1.1 JavaScript能做什么
JavaScript是一种解释性的、基于对象的脚本语言（Object-based Scripting Language），其主要是基于客户端运行的，用户单击带有JavaScript脚本的网页，网页里的JavaScript就会被传到浏览器，由浏览器对此做处理。如下拉菜单、验证表单有效性等大量互动性功能，都是在客户端完成的，不需要和Web 服务器进行任何数据交换。因此，不会增加Web 服务器的负担。几乎所有浏览器都支持JavaScript，如Internet Explorer（IE）、Firefox、Netscape、Mozilla、Opera等。
在互联网上可看到很多应用了JavaScript的实例，下面介绍一些JavaScript的典型应用。● 改善导航功能。JavaScript最常见的应用就是网站导航系统，可以使用JavaScript创建一个导航工具。如用于选择下一个页面的下拉菜单，或者当鼠标移动到某导航链接上时所弹出的子菜单。只要正确应用，此类JavaScript交互功能就能使浏览网站更方便，而且该功能在不支持JavaScript的浏览器上也是可以使用的。● 验证表单。验证表单是JavaScript一个比较常用的功能。使用一个简单脚本就可以读取用户在表单中输入的信息，并确保输入格式的正确性，如要保证输入的是电话号码或者是电子邮箱。该项功能可提醒用户注意一些常见的错误并加以改正，而不必等待服务器的响应。● 特殊效果。JavaScript一个最早的应用就是创建引人注目的特殊效果，如在浏览器状态行显示滚动的信息，或者让网页背景颜色闪烁。● 远程脚本技术（Ajax）。长期以来，JavaScript最大的限制是不能和Web服务器进行通信，如可以用JavaScript确保电话号码的位数正确，但不能利用电话号码来查找用户在数据库中的位置。
综上所述，JavaScript是一种新的描述语言，它可以被嵌入到HTML文件中。JavaScript可以做到回应使用者的需求事件（如form的输入），而不用任何网络来回传输资料，所以当一位使用者输入一项资料时，它不用经过传给服务器端处理再传回来的过程，而直接可以被客户端的应用程序所处理。1.1.2 JavaScript与Java的关系
Java是SUN公司推出的新一代面向对象的程序设计语言，特别适合于Internet应用程序开发；而JavaScript则是Netscape公司的产品，是为了扩展Netscape Navigator功能而开发的一种可以嵌入Web页面中的基于对象和事件驱动的解释性语言。Java的前身是Oak，而JavaScript的前身则是LiveScript。
下面对两种语言间的异同做如下比较。● 基于对象和面向对象。Java是一种真正的面向对象的语言，即使是开发简单的程序，也必须设计对象。而JavaScript是一种脚本语言，它可以用来制作与网络无关的、与用户交互作用的复杂软件。它是一种基于对象（Object Based）和事件驱动（Event Driver）的编程语言，因而本身提供了非常丰富的内部对象供设计人员使用。● 解释和编译。两种语言在其浏览器中所执行的方式不一样。Java的源代码在传递到客户端执行之前，必须经过编译，因而客户端上必须具有相应平台上的仿真器或解释器，它可以通过编译器或解释器实现独立于某个特定的平台编译代码的束缚。JavaScript是一种解释性编程语言，其源代码在发往客户端执行之前不需要经过编译，而是将文本格式的字符代码发送给客户端由浏览器解释执行。● 强变量和弱变量。两种语言所采取的变量是不一样的。Java采用强类型变量，即所有变量在编译之前必须声明。JavaScript中的变量声明采用弱类型，即变量在使用前不需要事先声明，而是解释器在运行时检查其数据类型。● 代码格式。Java的代码是一种与HTML无关的格式，必须通过像HTML中引用外媒体那样进行装载，其代码以字节代码的形式保存在独立的文档中。JavaScript的代码是一种文本字符格式，可直接嵌入HTML文档并可动态装载，编写HTML文档就像编辑文本文件一样方便。● 嵌入方式不一样。在HTML文档中，两种编程语言的标识不同。JavaScript使用标签对来标识，而Java使用标签对来标识。● 静态联编和动态联编。Java采用静态联编，即Java的对象引用必须在编译时进行，以使编译器能够实现强类型检查。而JavaScript采用动态联编，即JavaScript的对象引用在运行时进行检查，如不经编译则无法实现对象引用的检查。1.1.3 JavaScript的基本特点
JavaScript的主要作用是与HTML、Java 脚本语言（Java小程序）一起实现在一个Web页面中连接多个对象、与Web客户端交互作用，从而可以开发客户端的应用程序等。它是通过嵌入或调入到标准的HTML中实现的。它弥补了HTML的缺陷，是Java与HTML折中的选择，具有如下基本特点。● 脚本编写语言。JavaScript是一种采用小程序段方式来实现编程的脚本语言。同其他脚本语言一样，JavaScript是一种解释性语言，在程序运行过程中被逐行地解释。此外，它还可与HTML标识结合在一起，从而方便用户的使用。● 基于对象的语言。JavaScript是一种基于对象的语言，同时可以看作一种面向对象的语言。这意味着它能运用自己已经创建的对象。因此，许多功能可以来自于脚本环境中对象的方法与脚本的相互作用。● 简单性。JavaScript的简单性主要体现在：首先，它是一种基于Java基本语句和控制流之上的简单而紧凑的设计，从而对于学习Java是一种非常好的过渡；其次，它的变量类型是采用弱类型，并未使用严格的数据类型。● 安全性。JavaScript是一种安全性语言。它不允许访问本地硬盘，并不能将数据存入到服务器上，不允许对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互，从而有效地防止数据丢失。● 动态性。JavaScript是动态的，它可以直接对用户或客户输入做出响应，无须经过Web服务程序。它采用以事件驱动的方式对用户的反映做出响应。● 跨平台性。JavaScript依赖于浏览器本身，与操作环境无关。只要能运行浏览器的计算机，并支持JavaScript的浏览器就可正确执行。1.2 JavaScript应用初体验
JavaScript是一种脚本语言，需要浏览器进行解释和执行。下面通过一个简单的例子来体验一下JavaScript脚本程序语言。创建一个HTML文件，示例如下。【例1-1】实例文件：ch01\Chap1.1.html）Hello World的显示。
将此文件保存为Chap1.1.html文件。使用Microsoft公司的Internet Explorer（IE）浏览器打开这个文件之后，会显示如图1-1所示的显示效果。图1-1 Hello World的显示效果1.2.1 浏览器之争
在1995年JavaScript 1.0发布时，Netscape公司的Navigator统治着浏览器市场。随着Microsoft公司的加入，浏览器市场的竞争变得激烈起来。1996年二者的第三个版本的浏览器都不同程度地支持JavaScript 1.1版本。在1997年，两家公司都发布了各自浏览器的第四个版本，扩展了DOM（文档对象模型），使得JavaScript的功能大大增强。但是各自的DOM却不兼容，带来了后续的发展问题。而随着Windows操作系统的普及，Microsoft公司的Internet Explorer逐渐取得了压倒性的优势，乃至今天Netscape公司的Navigator已经逐渐消失在人们的视线中。
除了Microsoft公司的Internet Explorer，后来逐渐发展起来了更多的浏览器客户端，如Mozilla公司的Firefox、Google公司的Chrome、Apple公司的Safari以及Opera等。伴随着Google公司的强劲发展，Chrome也得到了快速的发展。Microsoft公司的Internet Explorer浏览器也渐渐地被后起之秀Chrome超越。而成就Chrome大业的就是它对JavaScript的良好支持以及快速执行能力。
其实对于上述例子，如果使用Chrome打开的话，会出现如图1-2所示的显示效果。而在Firefox浏览器中，显示的是另一番效果，如图1-3所示。图1-2 Chrome浏览器的显示效果图1-3 Firefox浏览器的显示效果
除了在桌面终端的竞争之外，各个浏览器在智能终端领域也是你争我抢，竞争日趋激烈。众多的浏览器给了客户更多的选择余地，同时，各个浏览器对JavaScript以及DOM的标准支持的不一致，也使得开发者在创建应用程序的时候，需要根据不同的浏览器做出不同的反应，增加了开发、测试和维护成本，也使得浏览器对标准的严格遵从成了一种发展趋势。1.2.2 DHTML
DHTML的全称是Dynamic HTML，就是动态的HTML。DHTML是相对传统的静态的HTML而言的一种制作网页的概念。严格地说，其实它并不是新的语言，而是由HTML、CSS和JavaScript这三种技术集成的产物。
DHTML不是一种技术、标准或规范，只是将目前已有的网页技术、语言标准的整合运用。它利用HTML把网页标签为各种元素；利用CSS设计各有关元素的排版样式；利用JavaScript实时地操控和改变各有关样式。1.2.3 探讨浏览器之间的冲突
由于各个浏览器对DOM支持的不一致性，导致了相同的代码在不同浏览器下不能执行的局面。程序员在编写DOM代码时，为了对应多个浏览器，需要判断它们的运行环境，根据环境的差别编写代码。虽然DOM带来了便利，但是浏览器之间的冲突也给开发者带来了磨难。1.2.4 标准的制定
为了解决各个浏览器对DOM实现的不一致性，W3C推出了标准化的DOM，而相竞争的浏览器厂商如Microsoft、Netscape公司以及其他浏览器制造商也携手参与制定，于1998年推出了DOM 1。
DOM 1由两部分组成，分别是DOM核心与DOM HTML。其中，DOM核心负责映射以XML为基础的文档结构，允许获取和操作文档；DOM HTML通过HTML专用的对象与函数对DOM核心进行了扩展。标准的制定，一定程度上改善了浏览器之间的竞争，同时也催生了更多浏览器的产生。1.3 网页中的JavaScript
在网页中添加JavaScript代码，需要使用标签来标识脚本代码的开始和结束。该标签就是标签之间的文本块并不是要显示的网页内容，而是需要处理的脚本代码。1.3.1 执行代码
在网页中执行JavaScript代码可以分为以下几种情况，分别是在网页头中执行、在网页中执行、在网页的元素事件中执行JavaScript代码，在网页中调用已经存在的JavaScript文件，以及通过JavaScript伪URL引入JavaScript脚本代码。
1．在网页头中执行JavaScript代码
如果不是通过JavaScript脚本生成HTML网页的内容，JavaScript脚本一般放在HTML网页的头部的
与标签对之间。这样，不会因为JavaScript影响整个网页的显示结果。执行JavaScript的格式如下：在标签对中添加相应的JavaScript脚本，这样就可以直接在HTML文件中调用JavaScript代码，以实现相应的效果。
2．在网页中执行JavaScript代码
当需要使用JavaScript脚本生成HTML网页内容时，如某些JavaScript实现的动态树，就需要把JavaScript放在HTML网页主题部分的
与标签对中。执行JavaScript的格式如下：另外，JavaScript代码可以在同一个HTML网页的头部与主题部分同时嵌入，并且在同一个网页中可以多次嵌入JavaScript代码。
3．在网页的元素事件中执行JavaScript代码
在开发Web应用程序的过程中，开发者可以给HTML文档设置不同的事件处理器，一般是设置某HTML元素的属性来引用一个脚本，如可以是一个简单的动作，该属性一般以on开头，如按下鼠标事件OnClick()等。这样，当需要对HTML网页中的该元素进行事件处理（验证用户输入的值是否有效）时，如果事件处理的JavaScript代码量较少，就可以直接在对应的HTML网页的元素事件中嵌入JavaScript代码。
4．在网页中调用已经存在的JavaScript文件
如果JavaScript的内容较长，或者多个HTML网页中都调用相同的JavaScript程序，可以将较长的JavaScript或者通用的JavaScript写成独立的JavaScript文件，直接在HTML网页中调用。执行JavaScript代码的格式如下：
5．通过JavaScript伪URL引入JavaScript脚本代码
在多数支持JavaScript脚本的浏览器中，可以通过JavaScript伪URL地址调用语句来引入JavaScript脚本代码。伪URL地址的一般格式为：
由上可知，伪URL地址语句一般以JavaScript开始，后面就是要执行的操作。1.3.2 函数
函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。在代码中，函数就是包含在花括号中的代码块，前面使用了关键词function。格式如下：
当调用该函数时，会执行函数内的代码，可以在某事件发生时直接调用函数（如当用户单击按钮时），并且可由JavaScript在任何位置进行调用。
注意：JavaScript对大小写敏感，关键词function必须是小写的，并且必须以与函数名称相同的大小写来调用函数。1.3.3 对象
JavaScript对象是拥有属性和方法的数据。在JavaScript中，对象是非常重要的，当你理解了对象，就可以了解JavaScript。对象也是一个变量，但对象可以包含多个值或多个变量。
试读结束[说明：试读内容隐藏了图片]