将script标签放在body末尾可避免阻塞页面渲染并确保DOM加载完成，src属性用于引入外部JS文件，支持相对路径、绝对路径或完整URL，推荐在</body>前引入以提升性能和执行可靠性。
在HTML文档末尾引入JS文件，是为了确保页面内容加载完成后再执行JavaScript代码，避免阻塞页面渲染。推荐将 script 标签放在 </body> 标签之前。
SCRIPT标签的SRC属性用法
src 属性用于指定外部JavaScript文件的路径。浏览器会下载并执行该文件中的脚本。
基本语法：
<script src=”path/to/your/script.js“></script>
示例：
立即学习“前端免费学习笔记（深入）”；
<!DOCTYPE html>
<html lang=”zh”>
<head>
<meta charset=”UTF-8″>
<title>页面标题</title>
</head>
<body>
<h1>欢迎访问</h1>
<p>这是一个示例页面。</p>
<!– 在 body 结束前引入 JS 文件 –>
<script src=”js/main.js”></script>
</body>
</html>
为什么放在文档末尾？
- 防止脚本阻塞HTML解析，提升页面加载速度
- 确保DOM元素已加载，便于JS正确操作页面内容
- 避免出现“元素未定义”或“null”错误
使用相对路径或绝对路径
src 支持多种路径写法：
- 相对路径：如 “js/app.js” 或 “../scripts/utils.js”
- 绝对路径：如 “/assets/js/menu.js”
- 完整URL：如 “https://cdn.example.com/jquery.min.js”
基本上就这些。只要把 script 标签带 src 属性放在 body 底部，就能正确加载外部JS。不复杂但容易忽略细节。
html javascript java jquery js 浏览器 app ai cdn 为什么 JavaScript jquery html NULL JS dom https