一、JavaScript简介
JavaScript,就是我们通常所说的JS,是一种嵌入到HTML页面中的脚本语言,由浏览器一边解释一边执行。
我们在“HTML入门教程”中的“前端技术简介”中深入浅出地讲解了HTML、CSS和JavaScript之间的关系,这一篇文章分量很重,大家没看过的记得回去看一下。
HTML、CSS和JavaScript的关系如下:
“HTML是网页的结构,CSS是网页的外观,而JavaScript是页面的行为。”
我们都知道单纯的HTML页面是静态的(只供浏览),而JavaScript的出现,把静态的页面转换成支持用户交互并响应相应事件的动态页面。那么在我们平常的浏览的网页中,都有哪些地方用到了JavaScript呢?
我们就拿绿叶学习网来说,导航、tabs选项卡、回顶部这些地方都用到了JavaScript。HTML只是一门描述性的语言,这些地方单纯地使用HTML是无法实现的,而必须使用编程的方式来实现,那就必须使用JavaScript了。
二、JavaScript的特点
HTML页面是静态的,而JavaScript可以弥补HTML语言的缺陷,实现Web页面客户端的动态效果。JavaScript的作用有以下几点:
1、动态改变页面内容
HTML页面是静态的,一旦编写,内容是无法改变的。JavaScript可以弥补这个不足,可以将内容动态地显示在网页中。
2、动态改变网页的外观
JavaScript通过修改网页元素的CSS样式,达到动态地改变网页的外观。
3、验证表单数据
我们常见的在各大网站中的注册中的验证功能,就是JavaScript实现的。
4、响应事件
JavaScript是基于事件的语言。例如点击一个按钮弹出一个对话框,就是鼠标点击触发的事件,例如绿叶学习网教程文章中的点赞效果:
对于JavaScript的理解,就一句话:如果没有使用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有扎实的理解。