在 html 中，有多种方法可以包含 javascript 文件。我将解释四种不同的方法及其缺点，最后强调最佳方法。
1. 在
document
在这种方法中，在解析代码时，首先在 body 内的 html 之前加载 javascript 文件，如果 javascript 尝试操作 body 中尚未解析的元素，则可能会导致错误，因为 html 内容尚未完全解析已加载。
这种阻塞行为会延迟页面其余部分的解析和渲染，影响性能和用户体验。
2. 在
(最后)
document
在这种方法中，在加载和执行 javascript 之前完全解析 html，从而防止与丢失 dom 元素相关的错误。这种方法很好，但由于 html 解析和 javascript 加载是顺序发生的，因此总体上可能需要更长的持续时间，因为这两个过程发生在不同的时间
立即学习“Java免费学习笔记（深入）”；
升级报告：增加动态新闻功能后台添加，删除，编辑，支持UBB代码，支持上传片及文件。 增加我要入团功能散客可以自由选择加入贵社最近要出发的团队。 增加线路置顶功能置顶后的线路永远显示在最前面。 增加同行报价功能管理员在后台添加同行用户，同行用户登录后可查看贵社线路对同行的报价。同行报价在添加线路中一并添加。（感谢网友拽哥提出修改意见） 增加更多线路显示的分页功能方便大型旅行社由于线路过多而引起的部分
3. 在
document
在这种方法中，我们使 javascript 异步，因此它不会阻止 html 加载。 html 解析和 javascript 加载是并行发生的。但是，如果 javascript 在 html 完全解析之前执行，并且 js 尝试操作尚未加载的 html 元素，则可能会导致错误。
注意：—这种方法可以节省时间，但同时加载 html、js 但更容易出错
4. 在
Document
这种方法类似于第三种方法，其中 html 解析和 javascript 加载是并行发生的。然而，即使 javascript 首先加载，浏览器也会等到 html 完全解析后再执行脚本
摘要：最佳方法
最好的方法通常是使用：
为什么：
- 它不会阻止 html 解析（非阻塞下载）。
- 它确保脚本在 dom 完全解析后运行，从而更安全地操作 dom 元素。
- 如果您有多个延迟脚本，它会保留脚本执行顺序。
如果脚本独立于 dom 内容（例如跟踪脚本或广告），您可以使用异步来获得更好的性能。
