接上篇内容——JioJio大魔王：我的前端开发第二步——CSS(下）

同时前端学习总结部分也做成了一个专栏，可以随时查看前面关于HTML和零基础自学心得感悟等内容：

其实在学习HTML和CSS之后，已经可以实现具备丰富样式的静态页面了。但是这个页面只是看起来好看，没有可以选择的按钮、没有可以弹出的确认框、没有点击增加和删除功能……这些都需要JavaScript来实现。

没有Javascript，我们的网页只能空有一副美丽的皮囊。

那么今天开始进入Javascript——可以和用户实现交互，以及动态页面效果的语言！

本篇内容较长，已列出目录方便读者随时查阅和跳转。

而且javascript的概念和内容又多又抽象，我会尽量以比较具像化的实际例子来逐一分解，做到浅显易懂。

首先——

为什么要学Javascript

JavaScript是世界上最流行的脚本语言。它覆盖了几乎所有在电脑、手机、平板上的网页及小程序，我们的点击、跳转等交互逻辑都是由JavaScript驱动的。而且在网页的世界里，只有JavaScript能跨平台、跨浏览器驱动网页，与用户交互。

JavaScript最初被创建的目的也是使网页更生动，这种编程语言写出来的程序被称为脚本。它们可以被直接写在网页的 HTML 中，在页面加载的时候自动执行。

（脚本被以纯文本的形式提供和执行。它们不需要特殊的准备或编译即可运行）

简单地说，和HTML超文本标记语言不同，也和CSS层叠样式表有区分，JavaScript是一种运行在浏览器中的解释型的编程语言，从这里才开始真正接触编程中的数据、变量、函数、判断等概念。

写JavaScript开始，才有编程的感觉。

JavaScript和Java是什么关系？

JavaScript 在刚诞生的时候，它的名字叫 LiveScript。但是因为当时 Java 很流行，所以决定将一种新语言定位为 Java 的弟弟会有助于它的流行。

随着 JavaScript 的发展，它已经成为了一门完全独立的语言，并且也拥有了自己的语言规范ECMAScript。现在，它和 Java 之间已经没有任何关系了，所以不要觉得不懂Java是种负担，零基础也完全可以开始学习JavaScrpt！(就像我一样……）

1. JavaScript的实例

因为JavaScript内容较多，从基础的数据类型、函数、判断和循环开始会很抽象。

所以这里先举一些JavaScript的实际使用案例，看看它都在何种场景下被应用——

请注意：以下都的1.1~1.6都属于先导部分，可以不做深入了解，重点是有一个对JavaScript的感知。

1.1 直接编写HTML

JavaScript可以直接操作HTML的文档（document）来实现增加内容，像下面这样：

首先这是一个写好的简单HTML页面效果图和代码

我在HTML文件中加入