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

【问题标题】：Why a simple <script src="..."> </script> doesn't work?为什么一个简单的 <script src="..."> </script> 不起作用？
【发布时间】：2017-11-21 22:04:24
【问题描述】：

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

然后我刚刚做了一个非常简单的页面 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>

【问题讨论】：

你可以试试src="./script.js" 吗？
如果第二段代码是您的脚本文件，请从 javascript 文件中删除 HTML - 即您不需要在 .js 文件中使用 <script ....> </script>
您是否尝试过调试？如果有 JS 错误，它将显示在 console 部分。
您的 script.js 文件包含 HTML，而不是 JavaScript。这将导致语法错误。检查浏览器的调试控制台。要更正它，请从 JavaScript 文件中删除 HTML 标记。当您在浏览器的调试工具中时，查看网络选项卡并查看对.js 文件的请求是否成功。查看脚本选项卡，看看它是否可用。
通常最好将脚本标签放在标题中。你可以在这里阅读更多：stackoverflow.com/questions/436411/…

标签： javascript html alert src

【解决方案1】：

以/ 开头的路径是绝对路径。如果脚本和HTML页面在同一个目录下，那么脚本的路径就是“script.js”：

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

【讨论】：

好的，我换行还是一样的问题

【解决方案2】：

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

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

如果 js 文件有脚本标签，也可以删除它们。

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

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

【讨论】：

你说的我改了，但我还是有同样的问题
@florian 你是否从 javascript 文件中删除了脚本标签？
天哪！我只删除了 type="text/javascript" 现在，它可以在没有

【解决方案3】：

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

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

你可以这样做

alert('hey');

那就试试看 html 到 js 文件的路径是否正确。

【讨论】：

【解决方案4】：

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

<!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');

【讨论】：

【解决方案5】：

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

【讨论】：

不过，这并没有解决他们的实际代码。应该有办法在不使用特定文本编辑器的情况下调试代码