在HTML中引用JS文件最标准且高效的方式是使用<script src="...">标签，建议将标签放置在</body>闭合标签之前，以确保页面DOM加载完成后再执行脚本，从而提升首屏渲染速度。
很多开发者在初学Web前端时，往往只关注代码能否运行，却忽视了引用方式对页面性能、可维护性以及搜索引擎抓取效率的深远影响，随着2026年百度算法对用户体验指标（如LCP、CLS）权重的进一步加重，简单的代码拼凑已无法满足高质量站点的SEO需求，正确的JS引用不仅是技术实现，更是SEO优化中“技术架构”环节的关键一环。
script标签的基础用法与位置选择
在HTML文档中引入JavaScript资源，最基础的手段就是<script>标签，这个标签有两个核心属性：src和type。src用于指定外部JS文件的路径，而type在现代HTML5中通常默认为text/javascript,因此可以省略。
内联脚本与外部文件的区别
有些新手喜欢直接在HTML中写JS代码，即内联脚本，虽然这在小型演示中很常见，但在实际生产环境中，这种做法弊大于利，内联脚本会阻塞HTML解析，导致页面渲染延迟，相比之下，外部JS文件可以被浏览器缓存，当用户访问站点的其他页面时，无需重复下载，从而显著减少加载时间，业内专家指出,将JS代码分离到外部文件是提升网站整体性能的行业共识。
脚本放置位置的三种策略
脚本在HTML中的位置直接决定了页面的加载顺序,通常有三种放置位置：
- 头部（传统做法，但会导致“渲染阻塞”，浏览器遇到`