HTML 不加载 JS 文件

Question

我尝试用外部 js 和 css 文件制作一个简单的网站。

HTML:

<html>


<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <script src="../js/main.js"></script>
  <title> John Doe </title>
</head>

<body>

  <div>
    <p>Landing Page in Progress</p>
    <button onclick="clickAlert()">Test</button>
  </div>

</body>

</html>

JS:

function clickAlert() {
    alert("Test")
}

文件夹结构：

但是当我单击该按钮时出现错误 “未定义 clickAlert”。一切都托管在网络服务器运行 Ubuntu/Apache 上。我知道对于这个简单的功能我不需要外部文件，但我想进一步扩展网站。感谢您的帮助！

Answer 1

你应该把js文件夹放在static文件夹然后把src作为“js/main.js”。如果 javascript 不包含在静态文件夹中，服务器不知道将这些文件放在服务器上。

HTML 不加载 JS 文件

HTML doesn't load JS files

html

javascript

webserver