HTML无法加载同目录JavaScript文件问题求助

我出于兴趣制作了一个小型简易网站，HTML文件与JavaScript文件位于同一目录，但HTML似乎完全无法识别该JS文件——既不会在load事件触发时执行绑定的函数，甚至连第一行console.log都不会输出到控制台，看起来根本没有读取JS文件。请帮我指出我忽略的明显问题。

我的HTML代码 #

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Knight0Light</title>
    <link href="/style.css" rel="stylesheet" type="text/css" media="all">
    <script src="index_page_script.js"></script>
  </head>
  <body>
    <h1 id=randomHeader></h1>

    <p>So far, this website changes its header randomly whenever you reload it. I'm planning to put more cool stuff here later.</p>

  </body>
  
</html>

我的JavaScript代码 #

console.log("It Starts");

function randomizeHeader() {
  console.log("It Runs");
}

window.addEventListener('load', randomizeHeader);

补充信息 #

• 确认两个文件位于同一目录
• 控制台无任何输出（包括错误信息）
• 使用Neocities平台
• 文件结构：根目录包含index.html、index_page_script.js、style.css三个文件
• 输出情况：浏览器控制台为空，页面仅显示预设段落文本，h1标签内容为空

可能的问题及解决办法 #

• 文件名大小写不匹配：Neocities运行在Linux环境下，文件名严格区分大小写。检查JS文件名是否和HTML中src属性的取值完全一致（比如实际文件名是Index_Page_Script.js但HTML里写的是index_page_script.js），如有差异统一修正。
• JS文件上传失败：Neocities偶尔会出现文件上传不完整或失败的情况，登录平台后台重新上传JS文件，确认文件状态正常。
• script标签位置不合理：将<script>标签移到</body>结束标签之前，确保DOM结构加载完成后再加载JS代码，避免因加载顺序导致的异常。修改后的代码片段：

</body>
  <script src="index_page_script.js"></script>
</html>

• 浏览器缓存干扰：按Ctrl+F5强制刷新页面，或使用无痕浏览模式测试，排除旧缓存页面的影响。
• 文件编码错误：确保JS文件采用UTF-8编码，避免因编码格式问题导致文件无法被浏览器解析。

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