Question

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

然后我做了一个非常简单的页面html，其中包含一个脚本警报，如下所示......你能告诉我这是什么问题吗？我认为问题不在于代码，而是还有什么呢？

我的浏览器是最新的Chrome浏览器，我的操作系统是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页面位于同一目录中，则脚本的路径就是＆＃34; script.js＆＃34;：

<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

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

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

您可以像这样

alert('hey');

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

Answer 4

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

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

4 个答案: