script src路径正确但JavaScript文件仍无法加载的问题

核心排查与修复步骤： #

• 先看浏览器控制台的错误提示
  按F12打开开发者工具，切换到「控制台（Console）」和「网络（Network）」标签：

  • 控制台会直接显示JS执行失败、文件加载出错的具体原因
  • 网络标签能查看外部JS文件/js/script.js的加载状态，红色状态码代表加载失败

• 修正外部JS文件的路径
  你代码里的<script src="/js/script.js"></script>用了根路径（/开头），这种路径在本地直接双击打开HTML（file://协议）时会失效，因为本地没有服务器级别的根目录。
  如果你的文件结构是：

  项目文件夹/
  ├─ index.html
  └─ js/
     └─ script.js
  

  把路径改成相对路径：<script src="js/script.js"></script>（去掉开头的/）

• 不要直接双击打开HTML文件
  本地开发用file://协议打开HTML会触发跨域、路径解析等问题，建议用本地服务器运行：

  • 用VS Code的「Live Server」插件，右键HTML文件选择「Open with Live Server」
  • 或者用Node.js的http-server：先全局安装npm install -g http-server，再在项目文件夹里运行http-server，访问控制台给出的地址（如http://localhost:8080）

• 确认内嵌脚本的执行逻辑
  你的内嵌script放在</body>前的位置是合理的，但如果页面未加载完成就执行DOM操作可能出问题——不过你这里只是console.log，所以重点还是路径和服务器的问题。

针对你代码的快速验证 #

把外部JS路径改成相对路径后，用本地服务器打开页面，同时确保js/script.js内有测试代码（比如console.log('外部JS加载成功')），此时控制台应该能看到两条日志：内嵌的hello world和外部JS的内容。

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