可以'似乎无法正确链接外部java脚本

Can't seem to properly link an external java script

本文关键字：链接 外部 脚本 java 可以      更新时间：2023-09-26

我在本地主机上使用WAMP安装。我正在按照w3schools的教程自学html/javascript/ect。如果我使用以下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>

我确信这是一件愚蠢的事情，但在看了一堆例子后，我似乎找不到我在哪里犯了错误。

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

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

另一方面，您必须将脚本放在demo元素之后的正文的末尾，因为如果您在之前加载脚本，您将永远找不到它。

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

<!DOCTYPE html>
<html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    </head>
    <body>
       <h1>My First Web Page</h1>
       <p id="demo">My First Paragraph.</p>
       <script src="test.js"></script>
    </body>
</html>
相关文章：