似乎無法正確鏈接外部Java腳本

我在本地主機上使用WAMP安裝。我正在教自己的html/javascript/ect遵循w3schools上的教程。一切工作正常，如果我使用以下網頁代碼：似乎無法正確鏈接外部Java腳本

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

目錄（在「索引」文件）：test.js

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

的

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

內容我相信這是一些愚蠢的，但看着一堆後的例子我似乎無法找到我犯的錯誤。

來源

2014-09-22 user3538411

把你的到文件的末尾。就在之前。你正試圖訪問ID演示元素，但它尚未完全加載。 – 2014-09-22 18:38:15

你試過調試頁面嗎？打開瀏覽器的控制檯，看看有哪些錯誤。 – j08691 2014-09-22 18:41:12

首先，在你的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>

來源

2014-09-22 18:39:02

Kestutis是對的。使用你的和有建議一切似乎是爲了。謝謝！ – user3538411 2014-09-22 18:47:32

似乎無法正確鏈接外部Java腳本

回答

相關問題