在HTML中使用JavaScript
<script></script>的位置：
1、传统做法：放在<head></head>,意味着必须等到全部JavaScript代码都被下载、解析和执行完后，才能开始呈现页面的内容。
2、延迟脚本：放在<head></head>,并在<script>里定义defer属性（表明脚本会被延迟到整个页面都解析完毕后再运行，相当于告诉浏览器立即下载，但延迟执行），<script type="text/javascript" defer="defer" src="example1.js"></script>,意味着脚本会被延迟到整个页面都解析完毕后在运行（只适用于外部脚本，由于现实中，延迟脚本并不一定会按照顺序执行，所以最好只包含一个延迟脚本，不建议这样去延迟）
3、异步脚本：在<script>定义了async属性，<script type="text/javascript" async src="example1.js"></script>，意味着不让页面等待两个脚本下载和执行，从而异步加载页面其他内
容。（只适用于外部脚本，并不保证按照指定它们的先后顺序执行，因此确保两者之间互不依赖非常重要）
4、现代Web应用程序一般都把全部JavaScript引用放在<body></body>元素中页面内容的后面，例如：（建议选择）
<!DOCTYPE html>
<html>
<head>
<title>.....</title>
</head>
<body>
<!-- 放在这里 -->
<script type="text/javascript" src="example1.js"></script>
<script type="text/javascript" src="example2.js"></script>
</body>
</html>
这样，页面内容将先完全呈现在浏览器中，再开始解析JavaScript代码
