如何在HTML文件中引用JS？同目录下引用写法无效该怎么解决

• 确认script标签放置位置
  不要把<script src="script.js"></script>放在<head>标签内或DOM元素前，如果你的JS代码包含DOM操作，页面DOM未完成加载就执行JS会导致逻辑失效，看起来和引入失败的表现一致。推荐将script标签放在</body>闭合标签的前方，也就是页面所有内容的末尾。
• 检查script标签写法规范
  不要在带有src属性的script标签内部编写JS代码，这种情况浏览器只会加载src指向的外部文件，直接忽略标签内部的代码，需要单独拆分为两个script标签分别处理外部引入和内联代码。
• 核对文件名与路径
  注意部分操作系统的文件系统对大小写敏感，确认你的JS文件实际名称和src中写的script.js完全一致，不要出现Script.js、script.JS这类大小写差异。你也可以将src改为./script.js，明确指定读取当前目录下的文件。
• 验证文件是否加载成功
  按F12打开浏览器开发者工具，切换到Console（控制台）标签，刷新页面后查看是否有script.js 404这类报错，如果有说明路径匹配失败，没有404的话就检查是否有JS语法报错导致文件解析失败。你可以先在script.js中仅保留console.log('JS加载测试')这一行代码，刷新后看控制台是否有对应输出，排除JS文件本身的逻辑错误。
• 排查本地打开的安全限制
  如果你是直接双击HTML文件用浏览器打开（地址栏为file://开头的路径），部分浏览器的安全策略会限制本地JS文件的加载，可以用本地静态服务启动项目测试，比如VSCode的Live Server插件。

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