Web前端开发精品课 JavaScript基础教程

(副标题)：无 ;

(作者): 莫振杰 ;

内容简介：

​ 第01章　JavaScript简介
1.1　JavaScript是什么
1.1.1　JavaScript简介
JavaScript就是我们通常所说的“JS”。这是一种嵌入到HTML页面中的编程语言，由浏览器一边解释一边执行。
我们都知道，前端最核心的三种技术是HTML、CSS和JavaScript，如图1-1所示。有些初学的小伙伴就会问了，这三者之间有什么区别呢？

图1-1
“HTML控制网页的结构，CSS控制网页的外观，而JavaScript控制网页的行为。”
我晕，这不是等于没说吗？好吧，给大家打个比方。我们可以把“前端开发”看成“建房子”，做一个网页就像盖一栋房子。建房子的时候，都是先把结构建好（HTML）。建好之后，再给房子装修（CSS），例如往窗户装上窗帘、往地面铺上瓷砖等。最后装修好了呢，当夜幕降临的时候，我们要开灯（JavaScript）才能把屋子照亮。现在小伙伴们懂了吧？
我们再回到实际例子中去，看一下绿叶学习网（www.lvyestudy.com）的导航条。其中“前端入门”这一栏目具有以下基本特点。

字体类型是“微软雅黑”。
字体大小是“14px”。
背景颜色是“淡蓝色”。
鼠标移到上面，背景色变成蓝色。

我们可能会疑惑，这些效果是怎么做出来的呢？其实思路跟上面的“建房子”是一样的。我们先用HTML来搭建网页的结构。默认情况下，字体类型、字体大小、背景颜色，如图1-2所示。
然后，我们使用CSS来修饰一下，改变字体类型、字体大小、背景颜色，如图1-3所示。
最后，我们再使用JavaScript为鼠标定义一个行为。当鼠标移到上面时，背景颜色会变成蓝色，如图1-4所示。

图1-2

图1-3

图1-4
到这里，大家应该知道一个缤纷绚丽的网页是怎么做出来的了吧？了解这个过程，对于

目录预览：

​ Web前端开发精品课 JavaScript基础教程
第01章 JavaScript简介
第02章 语法基础
第03章 流程控制
第04章 初识函数
第05章 字符串对象
第06章 数组对象
第07章 时间对象
第08章 数学对象
第二部分 核心技术
第09章 DOM基础
第10章 DOM进阶
第11章 事件基础
第12章 事件进阶
第13章 window对象
第14章 document对象
欢迎来到异步社区！