第一部分 语法基础

第1章 JavaScript简介

1.1 JavaScript是什么

1.1.1 JavaScript简介

JavaScript，就是我们通常所说的JS。这是一种嵌入到HTML页面中的编程语言，由浏览器一边解释一边执行。

我们知道，前端最核心的3个技术是HTML、CSS和JavaScript，如图1-1所示。三者的区别如下。

HTML用于控制网页的结构，CSS用于控制网页的外观，而JavaScript控制着网页的行为。

单纯只有HTML和CSS的页面一般只供用户浏览，而JavaScript的出现，使得用户可以与页面进行交互（如定义各种鼠标效果），让网页实现更多绚丽的效果。拿绿叶学习网来说，二级导航、图片轮播、回顶部等地方都用到了JavaScript，如图1-2所示。HTML和CSS只是描述性的语言，单纯使用这两个没办法做出那些特效，因此必须用编程的方式来实现，也就是使用JavaScript。

1.1.2 教程介绍

很多小伙伴抱怨说JavaScript比较难，整个学习过程不像在学习HTML和CSS时那么顺畅。实际上，对于没有任何编程基础的小伙伴来说，都是一样的。曾经我也是“小白”，所以很清楚小伙伴们的感受。为了更好地帮助大家打好基础，对于很多知识点，我会尽量用简单且易懂的方式进行讲解。还是那句话：“没用的知识绝对不会啰唆，但是重要的知识会反复提醒。”本书不像一些大杂烩似的书一样，上来就一大堆废话，这里的每一句话都值得你去精读。

对于JavaScript部分，有一点需要和大家说明一下：由于IE浏览器外观不错，为了让本书配图更加美观，我们使用IE浏览器来截图。但在实际开发中，我们不建议使用IE浏览器，这一点大家不要误解了。

【解惑】

1．JavaScript与Java有什么关系吗？

很多人看到JavaScript和Java，自然而然就会问：“这两个究竟有什么关系？”其实，它们也是“有一毛钱关系”的，并不能说完全没有关系。

JavaScript最初的确是受Java启发而开始设计的，而且设计的目的之一就是“看上去像Java”，因此语法上它们有不少类似之处，JavaScript的很多名称和命名规则也借自Java。但实际上，JavaScript的主要设计原则源自Self和Scheme。

JavaScript和Java虽然名字相似，但是本质上是不同的，主要体现在以下2个方面。

JavaScript往往都是在网页中使用的，而Java却可以在软件、网页、手机App等各个领域中使用。

从本质上讲，Java是一门面向对象的语言，而JavaScript更像是一门函数式编程语言。

2．我的页面加入了JavaScript特效，那这个页面是静态页面，还是动态页面呢？

不是“会动”的页面就叫动态页面，静态页面和动态页面的区别在于是否与服务器进行数据交互。简单地说，页面是否用到了后端技术（如PHP、JSP、ASP.NET）。下面列出的4种情况都不一定是动态页面。

带有音频和视频。

带有Flash动画。

带有CSS动画。

带有JavaScript动画。

特别提醒大家一下，即使你的页面用了JavaScript，它也不一定是动态页面，除非你还用到了后端技术。

3．对于学习JavaScript，有什么好的建议呢？

JavaScript是当下较流行也是较复杂的一门编程语言，对于JavaScript的学习，我给初学者2个建议。

学完JavaScript入门（也就是本书内容）后，不要急于去学习JavaScript进阶的内容而应该先去学习jQuery。经过jQuery的学习，可以让我们对JavaScript的基础知识有更深一层的理解。学完了jQuery，再去学习JavaScript进阶的内容会更好。

很多人在学习JavaScript的时候，喜欢在第一遍的学习过程中就对每一个细节都“抠”清楚，实际上，这是效率最低的学习方法。在第一遍的学习中，如果有些内容我们实在没办法理解，那就直接跳过，等学到后面或者看第2遍的时候，自然而然就懂了。