나는 stackoverflow 에서이 질문을 보았지만 전혀 대답되지 않았다고 생각합니다.

가 $(document).ready필요?

페이지 하단에있는 모든 자바 스크립트를 연결하므로 이론적으로 문서가 준비된 후에 모두 실행됩니다.

가 $(document).ready필요?

아니

</body>닫는 태그 바로 앞에 모든 스크립트를 배치 했다면 똑같은 작업을 수행 한 것입니다.

또한 스크립트가 DOM에 액세스 할 필요가없는 경우 다른 스크립트에 대한 가능한 종속성 이상으로로드되는 위치는 중요하지 않습니다.

많은 CMS의 경우 스크립트가로드되는 위치를 선택할 수 없으므로 모듈 식 코드에서 document.ready이벤트 를 사용하는 것이 좋습니다 . 다른 곳에서 재사용하는 경우 이전 코드로 돌아가서 디버그 하시겠습니까?

주제를 벗어:

보조 노트로 : 당신이 사용해야하는 jQuery(function($){...});대신 $(document).ready(function(){...});그에게 별칭을 강제로 $.

아니요, 닫기 전에 자바 스크립트가 마지막 인 경우 해당 태그를 추가 할 필요가 없습니다.

참고로 $ (document) .ready의 약자는 아래 코드입니다.

$(function() {
// do something on document ready
});

이 질문이 좋을 것 같습니다. 읽었 어? jQuery : 페이지 하단에 외부 JS 인 경우 document.ready를 사용하는 이유는 무엇입니까?

아니요, 연기 된 일이 발생하지 않는다는 것을 안다면 필요하지 않습니다. 대부분의 경우 작업중인 작업을 위에서 아래로 개발했는지 알 수 있습니다.

-철저히 감사하지 않고 다른 사람의 코드를 가져 오면 알 수 없습니다.

따라서 구조를 도와주는 프레임 워크 또는 편집기를 사용하고 있는지 자문 해보십시오. 다른 사람의 코드를 가져오고 있으며 각 파일을 읽지 않아도됩니까? 코드를 테스트하는 운영 체제, 브라우저 및 브라우저 버전 매트릭스를 살펴볼 준비가 되었습니까? 당신이 할 필요가 사용자 코드에서 속도의 매 온스를 짜내는?

document.ready ()는 이러한 질문의 많은 부분을 무의미하게 만듭니다. document.ready ()는 당신의 삶을 더 쉽게 만들어주기 위해 디자인되었습니다. 그것은 작은 (그리고 감히 받아 들일 수있는) 성능 저하를 가져옵니다.

jquery의 사용과 관련하여 인터넷을 통해 참조 / 블로그 게시물을 보았습니다 document.ready. 제 생각에는 그것을 사용하거나 페이지 하단에 모든 자바 스크립트를 두는 것이 모두 유효합니다. 이제 질문은 어느 것이 더 좋을까요? 그것은 단지 프로그래밍 스타일의 문제입니다.

아니요, 필요하지 않습니다. 본문 닫는 태그 바로 앞에 스크립트 태그를 넣거나 IE9 +를 지원하는 경우 네이티브 JS를 사용할 수 있습니다.

<script>alert('DOM Loaded!');</script>
</body>

<script>
document.addEventListener("DOMContentLoaded", function(event) { 
      // DOM has loaded ready to fire JS scripts
    });
</script>