为什么简单的 <script src="..."> </script> 不起作用？

Question

我正在做一个项目，我不明白为什么调用外部脚本不起作用。

然后我只做了一个非常简单的页面 html，其中包含一个脚本警报，如下所示...您能告诉我问题出在哪里吗？我相信问题不在于代码，但还能是什么？

我的浏览器是最近的Chrome，我的OS是Ubuntu。我的 HTML 文件是 index.html :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>MyPage</title>
</head>
<body>
    <p>Blablabla</p>
    <script type="text/javascript" src="/script.js"></script>
</body>
</html>

Javascript 文件 script.js 在同一文件夹中：

<script type="text/javascript">
alert('Hey');
</script>

Answer 1

以/开头的路径是绝对路径。如果脚本和 HTML 页面在同一个目录中，脚本的路径就是 "script.js":

<script type="text/javascript" src="script.js"></script>
<!-- Here --------------------------^ -->

Answer 2

如果文件在同一文件夹中，请删除 script.js

中的“/”

<script type="text/javascript" src="script.js"></script>

此外，如果 js 文件有脚本标签，请将其删除。

如果您希望在文档准备就绪时收到警报，请考虑执行以下操作：

document.addEventListener("DOMContentLoaded", function(event) { 
  alert('Hey')
});

Answer 3

您好，您不需要文件中的脚本标签：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>MyPage</title>
</head>
<body>
    <p>Blablabla</p>
    <script type="text/javascript" src="/script.js"></script>
</body>
</html>

Javascript 文件 script.js 在同一文件夹中：

alert('Hey');

Answer 4

我已经使用 Visual Studio 解决了这个问题。只需在 VS 中打开 html 文件，然后从此处打开运行此文件。它会将您的 js 文件连接到 html.

Answer 5

我认为文件中的脚本不需要这个脚本标签

<script type="text/javascript">
alert('Hey');
</script>

你可以这样制作

alert('hey');

只是尝试检查 html 中 js 文件的文件路径是否正确。

为什么简单的 <script src="..."> </script> 不起作用？

Why a simple <script src="..."> </script> doesn't work?

html

javascript

alert

src