Question

我在localhost上使用WAMP安装。我正在教自己html / javascript / ect跟随w3schools的教程。如果我使用以下Web代码，一切正常：

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>

<p id="demo">My First Paragraph.</p>

<script>
document.getElementById("demo").innerHTML = "Paragraph changed.";
</script>

</body>
</html>

我正在尝试将javascript移动到单独的文件中，但它无法正常工作。

HTML的内容（在“索引”文件中）：

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script>
<script src="test.js"></script>
</head>
<body>
<h1>My First Web Page</h1>

<p id="demo">My First Paragraph.</p>

</body>
</html>

test.js的内容

<script>
document.getElementById("demo").innerHTML = "Paragraph changed.";
</script>

我确信这是愚蠢的事，但在看了一堆例子后，我似乎无法找到我犯错误的地方。

Answer 1

首先，在您的test.js中，不必包含<script>代码。这是一个错误，脚本因此而停止。您的test.js脚本应该是这样的：

document.getElementById("demo").innerHTML = "Paragraph changed.";

另一方面，你必须将你的脚本放在 {/ 1}}元素之后的末尾，因为如果你加载脚本之前它，你永远找不到它。

以下是demo：
的正确解决方案
index.html

似乎无法正确链接外部JavaScript

1 个答案: