gpt4 book ai didi

javascript - 似乎无法正确链接外部 JavaScript

转载 作者:行者123 更新时间:2023-12-02 16:58:25 25 4
gpt4 key购买 nike

我在本地主机上使用 WAMP 安装。我正在按照 w3schools 上的教程自学 html/javascript/ect。如果我使用以下网络代码,一切都会正常工作:

<!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 内容(在“index”文件中):

<!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>

关于javascript - 似乎无法正确链接外部 JavaScript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25980905/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com