자바스크립트는 html 태그 어디든 넣어도 동작하지만
위쪽에 놓을 경우 가벼운 자바스크립트 코드들이 있는 경우
잘 작동하지만
무거운 자바스크립트 코드들과 내용이 많이 있는 경우
그 코드를 불러오고 실행 하느라 아래있는 html 코드들이
로딩되지 못하게 될 것이고 브라우저가 렌더링 되는 것에 방해가 될 수 있다
무거운 자바스크립트 라도
body 하단에 놓게 되면
html과 css가 모두 동작한 다음에 불러오기 때문에
하단에 놓는게 좋다
그리고 문서의 DOM(document object model) 구조가 완료된 시점에서
실행되기 때문에 따로 추가 설정을 할 필요가 없기때문이다.
'코린이 코딩기록 > Java script' 카테고리의 다른 글
| getElementById / getElementByClassName (0) | 2022.04.26 |
|---|---|
| querySelector() , querySelectorAll() (0) | 2022.04.26 |
| for in 문 (0) | 2022.04.03 |
| 이벤트 리스너 정리 (2) | 2022.04.01 |
| 자바스크립트 데이터타입 - 원시형과 참조형 (2) | 2022.03.27 |