简单介绍
我们都看过三国，由魏蜀吴三分天下，开启了数十年的三国统治。在web前端的天下中，也可以说由HTML、CSS和JavaScript这三种语言，三分前端天下，形成了三足鼎立局面。
HTML：页面显示——显示页面中的文字和图片
CSS：页面布局——对显示出来的元素进行样式布局（更漂亮）
JavaScript：页面行为——对页面进行各种操作，实现页面与页面之间的链接
所以想要学好前端，这三种语言是必不可少需要掌握的。之前已经介绍了HTML和CSS，现在我们就来认识一下JavaScript语言。
JavaScript是一种轻量级的脚本语言，可插入HTML页面的编程代码，插入HTML页之后，可由所有的现代浏览器执行。
JavaScript中的三部分：
如果说HTML、CSS和JavaScript三分前端天下，那么JavaScript语言就可以简单的比喻成蜀国，在蜀国中有三个主要角色（刘备，关羽，张飞），当然JavaScript语言中也有三部分组成，我们可以简单的进行一下比拟：
ECMAScript标准（张飞）——JS（JavaScript语言）的基本语法
BOM（关羽）——（Browser Object Model）浏览器对象模型——操作的是浏览器
DOM（刘备）—— （Document Object Model）文档对象模型（将这个页面看成一个文档，文档里面有好多标签，每一个标签都是一个对象，整个页面就是一个大的对象，大对象里面又有很多小的对象）——操作页面的元素。
DOM是一个大boss我们得稍微介绍一下。
当页面被加载时，浏览器会创建页面的文档对象模型（DOM）。由文档及文档中的所有元素（标签）组成的一个树形结构图，叫做树状图（DOM树）。
文档：把一个HTML文件看成是一个文档，由于万物接对象，所以把这个文档看成是一个对象，xml文件也可以看成一个文档（html：展示信息展示数据。xml侧重于存储数据），文档中有一个根标签，有很多子标签，也叫根元素和元素。
元素：页面中所有的标签都是元素，元素可以看成是对象。
节点：页面中所有内容都是节点：标签、属性、文本
通常，通过 JavaScript，我们需要操作 HTML 元素。
为了做到这件事情，我们必须首先找到该元素。有三种方法来做这件事：
- 通过 id 找到 HTML 元素var x=document.getElementById("intro");
- 通过标签名找到 HTML 元素
var x=document.getElementById("main");
var y=x.getElementsByTagName("p");
- 通过类名找到 HTML 元素
var x=document.getElementsByClassName("intro");
使用规则
HTML 中的脚本必须位于 ＜script> 与 ＜/script> 标签之间。
脚本可被放置在 HTML 页面的 ＜body> 和 ＜head> 部分中。
1、＜script>标签
如需在 HTML 页面中插入 JavaScript，请使用 ＜script> 标签。
＜script> 和 ＜/script> 会告诉 JavaScript 在何处开始和结束。
＜script> 和 ＜/script> 之间的代码行包含了 JavaScript
<script>
alert("我的第一个 JavaScript");
</script>
2、＜script>标签的位置
位于＜body>中
JavaScript 会在这块代码执行时向 HTML 的 ＜body> 写文本：
<!DOCTYPE html>
<html>
<body>
.
.
<script>
document.write("<h1>这是一个标题</h1>");
document.write("<p>这是一个段落</p>");
</script>
.
.
</body>
</html>
位于＜head>中
JavaScript 会在这块代码执行时向 HTML 的 ＜head> 写文本：
<!DOCTYPE html>
<html>
<head>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
</script>
</head>
<body>
<h1>我的 Web 页面</h1>
<p id="demo">一个段落</p>
<button type="button" onclick="myFunction()">尝试一下</button>
</body>
</html>
位于外部
也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。
外部 JavaScript 文件的文件扩展名是 .js。
如需使用外部文件，请在 ＜script> 标签的 “src” 属性中设置该 .js 文件：
<!DOCTYPE html>
<html>
<body>
<script src="myScript.js"></script>
</body>
</html>