HTML无法加载JavaScript文件求助：首页正常二级页面失效

核心问题：路径匹配错误 #

根据你给出的文件结构：

根目录/
├── data/
│   ├── js/
│   │   └── scripts.js
│   └── pages/
│       └── secondPage.html
└── homePage.html

1. 修正首页的JS引用路径 #

你当前首页使用的../js/scripts.js是错误的（根目录的上级目录不存在js文件夹），正确路径应为：

<script type="text/javascript" src='data/js/scripts.js'></script>

2. 排查二级页面的加载问题 #

二级页面secondPage.html的引用路径../js/scripts.js本身是正确的（从data/pages/向上一级到data/，再进入js/目录），若仍无法加载，按以下步骤排查：

• 打开浏览器开发者工具（F12），切换到Network面板后刷新页面：
  • 若scripts.js请求状态为404：检查文件名大小写、路径层级是否匹配，比如是否误写为../../js/scripts.js。
  • 若请求状态为200：说明JS已加载，在scripts.js开头添加console.log('JS文件已加载')，打开Console面板查看是否有输出，同时检查是否存在语法报错。
• 按Ctrl+F5强制刷新页面，清除浏览器缓存。
• 确认JS文件内容无语法错误，比如括号是否闭合、变量名是否拼写正确。

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