반응형
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)
반응형
'프로그래밍 놀이터 > Web' 카테고리의 다른 글
| [JavaScript/Tutorial] Operator 사용 type cast, conversion, control 문, ==, === comparator. (0) | 2013.05.13 |
|---|---|
| [JavaScript/Tutorial] Type 에 대한 기본 정보. ( Object, Array, Function, Type check ) (0) | 2013.05.12 |
| [JavaScript/Tutorial] HTML, CSS, 그리고 JavaScript (0) | 2013.05.08 |
| [DOM/Tutorial] DOM 의 event flow. ( Capture, Bubble ) (0) | 2013.05.08 |
| [jQuery/Tutorial] Callback 을 잘 사용해보자. (0) | 2013.05.08 |
댓글