HTML未載入參考腳本

我已經做了一些JavaScript代碼，它沒有工作，所以我測試，如果該文件甚至會加載。HTML未載入參考腳本

在的Javascript代碼，我把：

alert("Hi");

，並沒有工作。我開始尋找答案，並遵循所有方向引用我的腳本在HTML代碼在頭元件如下：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
<script src="http://squishling.co.uk/js/bootstrap.min.js"></script> 
<script type="text/javascript" src="script.js"></script> 

<title>Hi I am a title!</title>

然後我投入的JavaScript代碼這之後沒工作：

$(document).ready(function() { 
    alert("Am I working?!"); 
});

當我打開頁面時，我什麼也得不到。有誰知道如何解決這一問題？

全HTML（我想提出一個示例腳本）：

<!DOCTYPE html> 
<html lang="en"> 
    <head> 

    <!-- BOOTSTRAP STUFF --> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 

    <!-- Head Content --> 
    <link href="http://squishling.co.uk/css/bootstrap.min.css" rel="stylesheet"> 




    <title>Hi I am a title!</title> 


    </head> 
    <body> 

    <!-- Margin --> 
    <div class="container"> 

     <!-- Title --> 
     <h1>Hi I am a title!</h1> 

     <form name="quizForm"> 
     <b>What is the creator of this site called?</b><br> 
     <input type="text" name="quizOne"><br> 
     <b>Guess: F__h. Something that swims in water.</b><br> 
     <input type="text" name="quizTwo"><br> 
     <button onclick="hi()">Hi</button> 
     </form> 


    </div> 

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
    <script src="http://squishling.co.uk/js/bootstrap.min.js"></script> 
    <script type="text/javascript" src="script.js"></script> 
    </body> 
</html>

和Javascript：

var quizCorrect; 
$(document).ready(function() { 
    alert("Am I working?!"); 
}); 
function checkCorrect() { 
    var quizCorrect == 0; 
    if(document.quizForm.quizOne.value == "Squishling") { 
    var quizCorrect = quizCorrect + 1; 
    } 
    if(document.quizForm.quizTwo.value == "Fish") { 
    var quizCorrect = quizCorrect + 1; 
    } 
    alert("You have scored " + quizCorrect + "/2."); 
} 
function hi() { 
    alert("hi"); 
}

由於reccomended我也試過這樣：

<!DOCTYPE html> 
<html lang="en"> 
    <head> 

    <!-- BOOTSTRAP STUFF --> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 

    <!-- Head Content --> 
    <link href="http://squishling.co.uk/css/bootstrap.min.css" rel="stylesheet"> 




    <title>Hi I am a title!</title> 


    </head> 
    <body> 

    <!-- Margin --> 
    <div class="container"> 

     <!-- Title --> 
     <h1>Hi I am a title!</h1> 
     See? 
     <form name="quizForm"> 
     <b>What is the creator of this site called?</b><br> 
     <input type="text" name="quizOne"><br> 
     <b>Guess: F__h. Something that swims in water.</b><br> 
     <input type="text" name="quizTwo"><br> 
     <button onclick="hi()">Hi</button> 
     </form> 


    </div> 

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
    <script src="http://squishling.co.uk/js/bootstrap.min.js"></script> 
    <script type="text/javascript"> 
    var quizCorrect; 
    $(document).ready(function() { 
     alert("Am I working?!"); 
    }); 
    function checkCorrect() { 
     var quizCorrect == 0; 
     if(document.quizForm.quizOne.value == "Squishling") { 
     var quizCorrect = quizCorrect + 1; 
     } 
     if(document.quizForm.quizTwo.value == "Fish") { 
     var quizCorrect = quizCorrect + 1; 
     } 
     alert("You have scored " + quizCorrect + "/2."); 
    } 
    function hi() { 
     alert("hi"); 
    } 
    </script> 
    </body> 
</html>

編輯：我有現在把腳本放在它的末尾仍然不起作用。

來源

2017-03-15 Squishling

請將腳本標籤放在底部而不是放在'head'標籤中 – Ninjaneer

_your_腳本的引用在哪裏？我看到的只是jquery和bootstrap。 – Damon

當然http://squishling.co.uk/缺少第三個'

您沒有包含腳本。您需要添加另一個指向您的JS文件的<script>標記。現在你只能導入2個JS文件。一個用於JQuery，另一個用於Bootstrap。

你的代碼在你的JS文件的名字是什麼？它需要是這樣的：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
<script src="http://squishling.co.uk/js/bootstrap.min.js"></script> 

<script src="path/to/your/javascript/file.js"></script> 

<title>Hi I am a title!</title>

來源

2017-03-15 19:21:24 Moose

對不起，我有在它下面。 – Squishling

您需要添加整個代碼，以便我們可以確切地看到發生了什麼。另外，不要忘記檢查你的控制檯是否有錯誤。你可能只是指向錯誤的路徑。 – Moose

添加了所有代碼。 – Squishling

-2

我沒有得到你想要做的。

如果你只是想顯示你的HTML文件中警告你只需要做到這一點

只需要打開一個腳本，在你的HTML文件是這樣的：

<script> alert("Am I working?!"); </script>

我建議把你所有的腳本放在你的頭部或將它們拆開並打電話給他們

來源

2017-03-15 19:27:03 Mugen

我正在測試我的腳本文件 – Squishling

這就是你必須編寫代碼的方法。如果您使用的是HTML裏面jQuery代碼，你應該使用腳本標籤<script></script>

<html> 
 
    <head> 
 
    <title>Hi I am a title!</title> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
    <script src="http://squishling.co.uk/js/bootstrap.min.js"></script> 
 
    <script> 
 
    $(document).ready(function() { 
 
     alert("Am I working?!"); 
 
    }); 
 
    </script> 
 
    </head> 
 
    <body> 
 
    </body>

來源

2017-03-15 19:29:41

我剛剛那樣做，沒有運氣。 :-( – Squishling

問題的關鍵在於，他希望腳本在外部'script.js'文件中，而不是嵌入在HTML中。 – Barmar

@Barmar他編輯了他的問題。我在回答相同的代碼時提到了代碼他提到過。但他沒有提到jquery的腳本標籤。 –

我想你現有的加載JS庫命名的script.js。嘗試將您的js文件名重命名爲不同的內容，例如myjs.js.

更正：在您的代碼中發現您的代碼並在控制檯中抱怨抱怨「==」。更改var quizCorrect == 0; TO var quizCorrect = 0;它應該正常運行。

來源

2017-03-15 19:45:43 Foxy

相關問題