[JavaScript] HTML에서 자바스크립트 script 태그 위치

HTML에서 자바스크립트를 작성하는 2곳

1. head 태그

2. body 태그

 

1. head 태그에 작성할 경우

 - 브라우저가 body 태그의 HTML 코드를 실행하기 전에 자바스크립트 코드를 먼저 해석하게 되기 때문에 자바스크립트 코드를 모두 해석하고 HTML 코드를 해석 하게 되면 웹페이지의 딜레이가 발생

 

2. body 태그에 작성할 경우

 - body 태그 제일 하단에 <script></script> 태그를 작성함

 - body 태그에 있는 HTML 코드가 모두 실행되어 화면이 구성된 후 자바스크립트 코드를 실행하기 때문에 페이징 로딩 속도를 비교적 빠름

 

때문에 별도의 스크립트 파일을 생성해서 사용하는 것이 아닌 HTML 파일 안에서 스크립트 태그를 사용할 때는 body 태그 하단에 위치하는 것이 좋다.