使用script标签的src属性引入外部JS文件，可将JavaScript代码分离以提升维护性。通过相对或绝对路径指定js文件位置，推荐将script标签置于</body>前以避免阻塞渲染，并可结合defer或async属性优化加载时机，确保脚本正确执行。
在HTML中引入外部JavaScript脚本，主要通过<script>标签的src属性来实现。这种方式可以将JavaScript代码与HTML结构分离，便于维护和复用。
使用 script 标签引入外部JS文件
将JavaScript代码保存为以.js为扩展名的文件（例如：script.js），然后在HTML文件中使用<script>标签引入：
其中，src属性指定外部脚本文件的路径，可以是相对路径或绝对路径。
路径写法示例
根据JS文件的位置，路径写法有所不同：
立即学习“Java免费学习笔记（深入）”；
- 同一目录下：<script src="script.js"></script>
- 子文件夹中（如js文件夹）：<script src="js/script.js"></script>
- 上级目录中：<script src="../script.js"></script>
- 网络地址（CDN）：<script src="https://cdn.example.com/library.js"></script>
放置位置建议
为了提升页面加载速度，推荐将<script>标签放在</body>标签之前：
<!-- 页面内容 -->
<script src="script.js"></script>
</body>
这样可以避免脚本阻塞页面渲染。如果需要在DOM加载完成后再执行脚本，也可结合defer或async属性使用：
-
defer：脚本延迟执行，在文档解析完成后运行：<script src="script.js" defer></script> -
async：脚本异步加载，加载完成后立即执行（不保证顺序）：<script src="script.js" async></script>
基本上就这些。只要路径正确、标签书写规范，外部脚本就能正常引入并执行。
