一、JavaScript简介

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

我们都知道,前端最核心的3个技术是HTML、CSS和JavaScript。其中3者区别如下。

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

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

二、教程介绍

很多小伙伴抱怨JavaScript比较难,不像学习HTML和CSS那么顺畅。实际上,对于没有任何编程基础的小伙伴,都是一样的。曾经我也做过小白,所以还是非常清楚小伙伴们的感受。为了更好帮助大家打好基础,很多知识点我都尽量通俗易懂地详细讲解。不过还是那句话:“没用的知识绝对不会啰嗦,但是重要的知识会反复提醒。”本教程不像其他大杂烩那种书一样,上来就一大堆废话,这里的每一句话都值得你去精读之。

对于JavaScript部分,有一点跟大家说明一下的:由于IE浏览器外观不错,适合作为教程的配图,而其他浏览器外观实在太丑。为了让本书图片更加美观,因此我们都是使用IE浏览器来截图。但是在实际开发中,我们是不建议使用IE浏览器的,这一点大家不要误解了。

【常见问题】:

1、JavaScript与Java有什么关系吗?

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

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

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

  • (1)JavaScript往往都是在网页中使用,而Java却可以在软件、网页、手机App等各个领域中使用。
  • (2)从本质上讲,Java是一门面向对象的语言,而JavaScript更像是一门函数式编程语言。

2、我的页面加入了JavaScript特效,那这个页面是静态页面,还是动态页面呢?

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

  • (1)带有音频和视频
  • (2)带有Flash动画
  • (3)带有CSS动画
  • (4)带有JavaScript动画

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

3、对于学习JavaScript,有什么好的建议呢?

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

学完JavaScript入门(也就是本教程内容),不要急于去学习JavaScript进阶,而是应该去学jQuery。经过jQuery的学习,会让我们对JavaScript的基础知识有更深一层的理解。等我们学完了jQuery,再去学习JavaScript进阶的内容。

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