JavaScript 教程 - JavaScript 入门教程

一、JavaScript简介

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

我们在“HTML教程”中深入浅出地讲解了HTMLCSSJavaScript之间的关系,这一篇文章分量很重,大家没看过的记得回去看一下。

HTML、CSS和JavaScript的关系如下:

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

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

HTML只是一门描述性的语言,这些地方单纯地使用HTML是无法实现的,而必须使用编程的方式来实现,那就必须使用JavaScript了。

 

二、JavaScript的特点

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

1、动态改变页面内容

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

2、动态改变网页的外观

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

3、验证表单数据

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

4、响应事件

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

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

 

三、关于JavaScript

在你学习JavaScript教程学习之前,你必须要有一定的HTMLCSS基础,否则你是无法把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实现的。