过去所有<script>元素都被放在页面的<head>标签内,如下面的例子所示:
这种做法的主要目的是把外部的 CSS 和 JavaScript 文件都集中放到一起。不过,把所有 JavaScript
文件都放在<head>里,也就意味着必须把所有 JavaScript 代码都下载、解析和解释完成后,才能开始渲
染页面
<html>
<head>
<title>Example HTML Page</title>
<script src="example1.js"></script>
<script src="example2.js"></script>
</head>
<body>
</body>
</html>
现代 Web 应用程序通常
将所有 JavaScript 引用放在<body>元素中的页面内容后面,如下面的例子所示
<html>
<head>
<title>Example HTML Page</title>
</head>
<body>
<script src="example1.js"></script>
<script src="example2.js"></script>
</body>
</html>