JavaScript,就是我们通常所说的JS。这是一种嵌入到HTML页面中的编程语言,由浏览器一边解释一边执行。
我们知道,前端最核心的3个技术是HTML、CSS和JavaScript,如图1-1所示。三者的区别如下。
图1-1 HTML、CSS和JavaScript
HTML用于控制网页的结构,CSS用于控制网页的外观,而JavaScript控制着网页的行为。
单纯只有HTML和CSS的页面一般只供用户浏览,而JavaScript的出现,使得用户可以与页面进行交互(如定义各种鼠标效果),让网页实现更多绚丽的效果。拿绿叶学习网来说,二级导航、图片轮播、回顶部等地方都用到了JavaScript,如图1-2所示。HTML和CSS只是描述性的语言,单纯使用这两个没办法做出那些特效,因此必须用编程的方式来实现,也就是使用JavaScript。
图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遍的时候,自然而然就懂了。