1、一个完整的JavaScript实现应该由三部分组成：
核心（ECMAScript）：语法、类型、语句、关键字、保留字、操作符、对象
文档对象模型（DOM）：文档对象模型是针对XML但经过扩展用于HTML的应用程序编程接口。
DOM由两个模块组成：DOM核心（DOM Core）和DOM HTML。其中DOM和核心规定的是如何映射基于XML的文档结构，以便简化对文档中任意部分的访问和操作。
DOM HTML模块则在DOM核心的基础上加以扩展，添加了针对HTML的对象和方法。
浏览器对象模型（BOM）：开发人员使用BOM可以控制浏览器显示的页面以外的部分。
2、<script>元素：
async（异步脚本）:表示应该立即下载脚本，但不应该妨碍页面中的其他操作，比如下载其他资源或等待加载其他脚本。只对外部脚本有效。标记为async的脚本并不保证按照指定它们的先后顺序执行。
charset：表示通过src属性指定的代码的字符集。由于大多数浏览器会忽略它的值。因此这个属性很少用。
defer（延迟脚本）:表示脚本可以延迟到文档完全被解析和显示之后再执行。只对外部脚本有效。脚本会被延迟到整个页面都解析完毕后再运行。在<script>元素中设置defer属性，相当于告诉浏览器立即下载，但延迟执行。
language：已废弃。原来用于表示编写代码使用的脚本语言。
src:表示包含要执行代码的外部文件。带有src属性的<script>元素不应该在其<script>和</script>标签之间再包含额外的javaScript代码。如果包含了嵌入的代码，则只会下载并 执行外部脚本文件，嵌入的代码会被忽略。
type：可以看成是language的替代属性；表示编写代码使用的脚本语言的内容类型（也称为MIME类型）
<script type="text/javascript">
function sayHi(){
alert("HI");
}
</script>
<button type="button" onclick="sayHi()">点击这里</button>
本地调用js文件
html:
<!DOCTYPE html>
<html>
<head>
<title>Example HTML Page</title>
</head>
<body>
<script type="text/javascript" src="test.js"></script>
</body>
</html>
js:
function sayHi(){
alert("hi~");
}
sayHi();