在html中访问在单独的JavaScript文件上声明的变量

Question

我有两个文件，第一个是HTML文件，另一个是javascript文件。我试图做的是在javascript文件上定义一个变量并在Html端访问它。有可能吗？一个粗略的代码附在下面，但它不工作，我得到的favColor是没有定义的错误。提前道谢。

JS端

const favColor = "red"

Html端

<script src="pathtojsfile"></script>

<p id="insertHere"></p>

<script>
document.getElementById("insertHere").innerHTML = favColor
</script>

Answer 1

由于代码是在您的示例中编写的，所以它应该可以很好地工作。就像我这里的例子：

null

html lang-html prettyprint-override"><script>
  const favColor = "red";
</script>

<p id="insertHere"></p>

<script>
  document.getElementById("insertHere").innerHTML = favColor;
</script>