一、JavaScript概述
JavaScript是一种专为与网页交互的脚本语言，由三部分组成。
ECMAScript
核心，提供核心语言功能。
BOM(浏览器对象模型)
BOM(Browser Object Model)浏览器对象模型，提供与浏览器交互的方法与接口。
DOM(文档对象模型)
DOM(Document Object Model)文档对象模型，提供访问和操作网页内容的方法和接口。DOM把整个页面映射为一个多层节点结构。看下面这个HTML页面:
<html> <head> <title>Test</title> </head> <body> <p>Hello,World</p> </body> </html>
通过DOM创建的这个表示文档的树形图，开发人员获得了控制页面内容和结构的主动权。借助DOM提供的API，开发人员可以轻松自如的删除、添加、替换或修改任何节点。
二、在HTML中使用JavaScript
<script>元素
向HTML页面插入JavaScript的主要方法就是使用<script>元素，它有以下几个属性。
async
可选。表示当前脚本不必等待其他脚本，也不必阻塞文档呈现。比如下载其他资源或者加载其他脚本，只对外部脚本文件有效。
charset
可选。表示通过src属性指定代码的字符集，由于大多浏览器会忽略它的值，这个属性很少有人用。
defer
可选。表示脚本可以延迟到文档完全被解析和显示之后再执行，只对外部脚本文件有效。即立即下载，延迟执行。
src
可选。表示包含要执行代码的外部文件。
type
可选。表示编写代码使用的脚本语言的内容类型(MIME类型)，默认为text/javascript。
注意:
(1)使用<script>元素的方式有两种:直接在页面嵌入JavaScript代码和包含外部JavaScript文件。
(2)需要注意的是，带src属性的<script>元素不应该在两个标签之间再包含额外的JavaScript代码，如果包含了嵌入代码，则只会下载并执行外部脚本文件，嵌入的代码将会被忽略。
(3)无论如何包含代码，只要不存在defer和async属性，浏览器会按照<script>元素在页面中出现的先后顺序对它们依次进行解析。
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>这是测试页面</title> <script type=text/javascript> alert("Hello"); </script> </head> <body> Hello,World </body> </html>