在HTML中添加JavaScript的主要方法，就是使用<script>元素。
HTML4.01为<script>添加了6个属性
① async: 可选，表示立即下载脚本，但是不妨碍页面中的其他操作，只对外部脚本文件有效
② charset: 可选， 表示通过src属性指定的代码的字符集，这个值已经很少有人用了，大多数的浏览器也会忽略它的值
③ defer: 可选，表示脚本可以延迟到文档完全被解析和显示之后执行。只对外部脚本文件有效，IE7及更早的版本对嵌入脚本也支持这个属性
④ language: 已废弃，表示编写代码使用的脚本语言
⑤ src: 可选， 表示包含要执行代码的外部文件
⑥ type: 可选， 表示编写代码使用的脚本语言的内容类型，MIME类型，默认值是 text/javascript
使用<script>元素的方式有两种
1、直接在页面中嵌入JavaScript代码
包含在<script>元素内部的JS代码会被从上到下的顺序依次执行，
在使用<script>嵌入JS代码时，不要在代码中的任何地方出现“</script>“字符串，否则就会被认为是结束的</script>标签。如果避免不了要使用可以通过转义字符“\”解决这个问题。
2、包含外部的JavaScript文件
如果要通过<script>元素来包含外部的JS文件，那么src属性就是必需的。这个属性就是指向外部JS的链接地址，例如：
<script src="js/demo.js" type="text/javascript"></script>
这样外部文件demo.js就被加载到当前的页面中。
与解析嵌入式JS代码一样，在解析外部JS文件时，页面的处理会暂时停止。
需要注意的是，在带有src属性的<script>元素中不应该在其<script>与</script>之间在包含额外的JS代码,如果包含了，则会被忽略不执行。
只要不存在defer和async属性，浏览器就会按照<script>元素在页面中出现的先后顺序依次解析。
标签的位置
按照传统的做法，所有<script>元素都应该放在<head>元素中，这样使页面中所有外部文件的引用都放在相同的地方。前边说过，在JS文件加载解析时，页面会暂时停止，这样对于有很多JS的页面来说，会导致浏览器在呈现页面前出现明显的延迟，延迟期间，浏览器窗口是一边空白，这对于用户来说是很不友好的行为。
为了避免这个问题，现代的web应用程序都把全部JS引用放在<body>元素中页面内容的后面
<!DOCTYPE html>
<html>
<head>
<title>DEMO</title>
</head>
<body>
<!-- 页面内容 -->
<script src="js/demo1.js" type="text/javascript"></script>
<script src="js/demo2.js" type="text/javascript"></script>
</body>
</html>
这样，页面的内容完全加载在浏览器之后，才会解析JS代码，很大程度上改善页面延迟的问题。
延迟脚本
（可忽略不看）
前边提到<script>标签的defer属性，为什么不添加defer属性，而是要把文件放在页面的后面？
添加defer属性，脚本会被延迟到整个页面都解析完毕之后再运行，相当于告诉浏览器立即下载，但延后执行
在HTML5规范中要求脚本按照他们出现的先后顺序执行，在现实中，延迟脚本并不一定会按照顺序执行，所以最好只包含一个延迟脚本。
defer属性只使用于外部的脚本文件，这一点在HTML5中明确规定，因此支持HTML5的实现会忽略给嵌入脚本设置的defer属性。所以，把延迟脚本放在页面底部仍然是最好的选择！
异步脚本
HTML5为<script>元素定义了async属性，与defer类似，都是用于改变处理脚本的行为，只适用于外部脚本文件，并告诉浏览器立即下载文件，与defer不同，标记async的脚本并不保证按照指定的先后顺序执行，因此，要确保脚本文件之间互不依赖。
指定async的目的是不让页面等待脚本下载和执行，从而异步加载页面其它内容，建议异步脚本不要在加载期间修改DOM
嵌入代码和外部文件
在HTML中嵌入Javascript代码虽然没有问题，但是一般认为最好的做法还是尽可能使用外部文件来包含Javascript代码。
引用外部文件，会有几个有点
1、可维护性，
2、可缓存，浏览器根据具体的设置缓存链接的所有外部Javascript文件
3、适应未来，
