为什么我的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”部分时才起作用？

回答

相关问题