爲什麼我的JS腳本只在鏈接到「head」部分時才起作用？

-1

昨天我問了一個問題，誰的回答是「你的JS沒有正確鏈接」。這裏是我現在的問題：爲什麼只有當鏈接處於head部分而不是body部分時纔會加載腳本？我被教導要它們放置在身體的最底層，是這樣的：爲什麼我的JS腳本只在鏈接到「head」部分時才起作用？

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <title>Number Crunchers</title> 
    <meta charset="utf-8"> 
    <meta class="meta" name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="css/uikit.css" /> 
    <link rel="stylesheet" type="text/css" href="css/newcustom.css"> 
    <link rel="stylesheet" type="text/css" href="css/cards.css"> 
    <!-- 
    <script src="js/uikit.min.js"></script> 
    <script src="js/jquery.min.js"></script> 
    --> 
</head> 
<body> 
    <!--Page Content--> 

    <script src="js/uikit.min.js"></script> 
    <script src="js/jquery.min.js"></script> 
</body> 
</html>

當script是在底部是沒有什麼工作。但是，當我把它放在頂部的一切正常。爲什麼？

來源

2017-01-12 Caleb

你有依賴於jquery.js和在頭一些其他的腳本？你至少檢查過控制檯，看看當你移動JS時錯誤是什麼？ –

我不這麼認爲。我從我的代碼中複製了整個頭部，並且在控制檯中看不到任何東西彈出。 – Caleb

在這種情況下，什麼「不起作用」？他們之間的行爲如何變化？你在這裏沒有給我們很多的工作。鑑於你的代碼示例，邏輯不應該受到影響 –

加載它們</body>之前是好的，事情是jquery應該是第一位的，你也有一些拼寫錯誤（見下文IMG），這之後破解密碼，因此他們將這些以前只有負荷（<head>時）

<body> 
<!--Page Content--> 
     ... 
<!--Javascript to make the world go round --> 
<script src="js/jquery.min.js"></script> 
<script src="js/uikit.min.js"></script> 
</body> 
</html>

在這裏看到這些錯別字（後「檢查」和「程序」後）：

來源

2017-01-12 15:58:24 Syden

那麼爲什麼它會按照相同的順序加載到head標籤中？ –

他有'<'拼寫錯誤，因此他們會在這些錯誤之前加載。 – Syden

爲什麼我的JS腳本只在鏈接到「head」部分時才起作用？

回答

相關問題