• :一大波赠书活动正式来袭!满足条件的小伙伴每人赠送一本书,只限前100名!小伙伴们赶紧到碗里来!查看详情

1.1 JavaScript是什么?

一、JavaScript简介

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

我们在“HTML入门教程”中的“前端技术简介”中深入浅出地讲解了HTML、CSS和JavaScript之间的关系,这一篇文章分量很重,大家没看过的记得回去看一下。

HTML、CSS和JavaScript的关系如下:

“HTML是网页的结构,CSS是网页的外观,而JavaScript是页面的行为。”

我们都知道单纯的HTML页面是静态的(只供浏览),而JavaScript的出现,把静态的页面转换成支持用户交互并响应相应事件的动态页面。那么在我们平常的浏览的网页中,都有哪些地方用到了JavaScript呢?

我们就拿绿叶学习网来说,导航、tabs选项卡、回顶部这些地方都用到了JavaScript。HTML只是一门描述性的语言,这些地方单纯地使用HTML是无法实现的,而必须使用编程的方式来实现,那就必须使用JavaScript了。

JavaScript图片切换 图1 绿叶学习网中的图片切换

JavaScript tabs选项卡 图2 绿叶学习网中的tabs选项卡

JavaScript 回顶部特效 图3 绿叶学习网中的回顶部特效

二、JavaScript的特点

HTML页面是静态的,而JavaScript可以弥补HTML语言的缺陷,实现Web页面客户端的动态效果。JavaScript的作用有以下几点:

1、动态改变页面内容

HTML页面是静态的,一旦编写,内容是无法改变的。JavaScript可以弥补这个不足,可以将内容动态地显示在网页中。

2、动态改变网页的外观

JavaScript通过修改网页元素的CSS样式,达到动态地改变网页的外观。

3、验证表单数据

我们常见的在各大网站中的注册中的验证功能,就是JavaScript实现的。

4、响应事件

JavaScript是基于事件的语言。例如点击一个按钮弹出一个对话框,就是鼠标点击触发的事件,例如绿叶学习网教程文章中的点赞效果:

对于JavaScript的理解,就一句话:如果没有使用JavaScript,网页就是静态的,唯一的功能就是给用户浏览。加入了JavaScript,网页变得绚丽多彩起来。

三、关于JavaScript

在你学习JavaScript入门教程学习之前,你必须要有一定的HTML和CSS基础,否则你是无法把JavaScript学好的。

JavaScript先修课程:

HTML入门教程

CSS入门教程

站长的话:很多同学抱怨JavaScript比较难学,不像HTML和CSS学得那么顺畅。其实对于没有编程基础的人,都一样的。学习JavaScript,跟学习一门C或Java差不多。编程语言的语法都相似,大家认真学完JavaScript,以后要是再学一门编程语言是轻而易举的事情。那么,把JavaScript学好,何乐而不为呢?为了更好帮助大家打好基础,很多知识点我都尽量讲解得非常详细,所以章节会比较多。但是,我还是那个原则:没用的知识我绝对不会啰嗦,但是对于重要知识点,我会一再重点提醒。

疑问

1、什么叫“脚本语言”?

脚本语言是由传统编程语言简化而来的语言,它与传统编程语言有很多相似之处,也有不同之处。脚本语言最显著的特点是:

  • (1)它不需要编译成二进制,以文本形式存在;
  • (2)脚本语言一般都需要其他语言的调用执行,不能独立运行。

2、JavaScript和jQuery是什么关系呢?

我们经常说JavaScript有很多框架,例如什么ExtJS、Dojo、YUI、jQuery等。其实jQuery就是JavaScript的框架之一。不过jQuery现在可是全球最流行的JavaScript框架。简单点来说,jQuery就是JavaScript的简化版,它是使用JavaScript编写的,本质还是JavaScript。原生的JavaScript需要编写大量代码,而jQuery简化了JavaScript中很多复杂的代码,使得开发者更加容易使用。

3、JavaScript是一门简单的语言吗?

尽管JavaScript是一门比较容易入门的语言,一些非程序人员都可以很容易使用JavaScript进行编程。但是JavaScript却是一门具有非常丰富特性的语言,它有着和其他编程语言一样的复杂性,或更复杂。实际上,编写一些复杂的JavaScript程序,就需要对JavaScript有扎实的理解。

总结

1、HTML是网页的结构,CSS是网页的外观,而JavaScript是页面的行为。

2、HTML页面是静态的(只供浏览),平常我们所见到的各种网页特效就是使用JavaScript实现的。

:本站所有教程均为原创,大部分已经与人民邮电出版社合作出版,禁止转载和抄袭,否则绿叶学习网和人民邮电出版社必将追究法律责任,附录:互联网著作权保护法。【法律顾问:张俊律师】

如果你想要获取更多学习资料,或者在学习过程中遇到疑问想要得到跟教程一样最优质的解答,请通过以下方式关注我们:

(1)官方微博:

(2)新手Q群:69660533(暗号:lvye)(建议初学前端的加)

(3)官方Q群:457631216(暗号:lvye)(建议有JS基础的加)

(4)绿叶论坛:进入论坛

(5)常见问题:绿叶学习网常见问题解答

回到顶部