"head"섹션 내에서 연결될 때 JS 스크립트가 작동하는 이유는 무엇입니까?

-1

어제 질문에 "누가 JS가 제대로 연결되어 있지 않습니다"라는 질문을했습니다. 이제 내 질문은 다음과 같습니다. 링크가 head 섹션에 있고 body 섹션에없는 경우에만 스크립트가로드되는 이유는 무엇입니까? 나는 다음과 같이 몸의 맨 아래에 배치하는 배웠습니다 : "head"섹션 내에서 연결될 때 JS 스크립트가 작동하는 이유는 무엇입니까?

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

그럼 왜 머리 태그에 같은 순서로로드 된 경우 작동합니까? –

그는'<'오타가 있었기 때문에 이러한 오류가 발생하기 전에로드됩니다. – Syden

"head"섹션 내에서 연결될 때 JS 스크립트가 작동하는 이유는 무엇입니까?

답변

관련 문제