外部JavaScript无法与HTML建立连接的问题求助

问题信息 #

HTML头部代码：

<head>
    <title></title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" href="../css/style-index.css">
    <script type="text/javascript" src="../js/script.js"></script>
</head>

JavaScript文件内容：

alert('test')

已尝试去除项目文件夹空格，问题仍未解决。

排查与解决步骤 #

• 校验文件路径准确性
  从当前HTML文件的位置出发，../js/script.js表示向上跳转一级目录后进入js文件夹。如果HTML文件直接放在项目根目录，../会跳出根目录导致路径错误，需改为js/script.js；若HTML在子目录，确认上一级目录确实存在js文件夹及目标文件。

• 用浏览器开发者工具排查加载状态
  按F12打开开发者工具，切换到「网络」标签页，刷新页面后查看script.js的请求状态：

  • 若显示404，说明路径错误，修正路径即可；
  • 若为其他状态码，根据提示排查对应问题（如文件权限、服务器配置）。

• 确认JS文件内容与编码
  打开script.js文件，确保内容是alert('test')且无语法错误，文件编码为UTF-8（与HTML一致），无乱码或特殊字符干扰。

• 调整script标签位置
  将<script>标签移至</body>标签前，确保页面DOM加载完成后再执行JS（虽alert不受DOM影响，但可排除加载时机问题）：

  </body>
  <script type="text/javascript" src="../js/script.js"></script>
  </html>
  

• 内联JS测试
  在HTML中添加内联脚本验证浏览器JS执行能力：

  <script>alert('inline test')</script>
  

  若内联脚本正常运行，说明问题仍出在外部文件的路径或文件本身。

内容的提问来源于stack exchange，提问作者foreign gryt