一、HTML 页面的 <head> 部分中
由于 HTML 文档是由浏览器从上到下依次载入的，将 JavaScript 代码放置于<head></head> 标签之间，可以确保在需要使用脚本之前，它已经被载入了。
二、HTML 页面的 <body> 部分中
设想如下一种情况：我们有一段 JavaScript 代码需要操作 HTML 元素。但由于 HTML 文档是由浏览器从上到下依次载入的，为避免 JavaScript 代码操作 HTML 元素时，HTML 元素还未载入而报错（对象不存在），因此需要将这段代码写到 HTML 元素后面。
注意：
HTML 中的脚本必须位于 <script> 与 </script> 标签之间。
三、脚本保存到外部文件中
在使用了外部引用 JavaScript 代码之后，其好处显而易见：
公共的 JavaScript 代码可以被复用于其他 HTML 文档，也利于 JavaScript 代码的统一维护
HTML 文档更小，利于搜索引擎收录
可以压缩、加密单个 JavaScript 文件
浏览器可以缓存 JavaScript 文件，减少宽带使用（当多个页面同时使用一个 JavaScript 文件的时候，通常只需下载一次）
注意：
如需使用外部文件，在 <script> 标签的 "src" 属性中设置该 .js 文件：
<script src="myScript.js"></script>
外部脚本不能包含 <script> 标签。
将 JavaScript 代码形成为外部文件，也会增加服务器的 HTTP 请求负担，在超高并发请求的环境下，这并不是一个好的策略。另外 在引用外部 js 文件时，需注意文件的正确路径。
转载于:https://www.cnblogs.com/superlizhao/p/8422417.html
452
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
