본문 바로가기
프로그래밍 놀이터/Web

[JavaScript/Tutorial] JavaScript 코드 위치에 대한 주의사항.

by 돼지왕 왕돼지 2013. 5. 11.
반응형

 JavaScript 코드 위치에 대한 주의사항

 

[이전강좌] HTML, CSS, 그리고 JavaScript


사람들이 JavaScript 코드를 작성하면서 가장 쉽게 실수하는 것 중 하나가

JavaScript 코드를 삽입하는 위치이다.


정확한 이유를 알지 못하고 그냥 일반적인 관행을 따라 <head> 태그 안에 넣기도 하고, 

<body> 태그의 마지막에 넣기도 한다.


만약 JS 코드가 page 에 있는 element를 이용한다면 

script 코드는 반드시 해당 element가 로딩된 다음에 수행되어야 한다. 

따라서 이 경우에는 body 의 마지막에 들어가는 것이 좋다.


반대로 JS 코드가 page 에 있는 element 와 interaction 이 없다면 

head 태그 안에 넣는 것도 좋다.



JS 코드는 순차적으로 수행된다는 것을 기억하는 것도 중요하다.


보통의 경우는 JavaScript 코드들이 HTML Element ( DOM Element ) 들을 접근하여

작업을 수행하는 경우가 일반적이기 때문에 ( 그것이 사실 JavaScript 의 목적.. )

</body> 직전에 넣는 경우가 가장 권유된다.


[다음강좌] Type 에 대한 기본 정보 ( Object, Array, Function, Type check)


반응형

댓글