JavaScript在控制台中可以正常工作，但在linked.js文件中不能

我知道这是一个非常烦人的问题，你们都见过一千遍了，但是我可以用javascript在DOM中很好地操作一些东西，但是当它在一个单独的.js文件中执行时，它什么也做不到。我什么都试过了，如果有人能帮忙，我将不胜感激

这是我的JS/HTML。如您所见，我甚至将其与完整路径链接：

函数randomRGB（）{ const r=Math.floor（Math.random（）*256）； const g=Math.floor（Math.random（）*256）； 常数b=数学地板（数学随机（）*256）； 返回`rgb（${r}，${g}，${b}）` } const h1=document.querySelector（'h1'）； h1.style.color=randomRGB（）； setInterval（函数（）{ h1.style.color=randomRGB（）； }，500）

文件
你好

它似乎工作正常，有什么问题吗？您是否检查了浏览器中的控制台是否存在错误和/或警告？readystate有问题。dom尚未完成加载，而脚本正在尝试查找h1。当我尝试在浏览器中加载索引文件时，它是空白的，没有颜色，似乎由于某种原因，.js文件没有正确链接。我以前在JavaScript文件中遇到过这个问题。@GoldenPanda那么可能是开发环境的问题。我建议正常运行它（即在浏览器中或通过web服务器打开html文件），VisualStudio代码是一个很好的编辑器，您可以获得名为live web server的扩展。那会让你更容易。