[ script 선언의 위치와 수행 순서에 대해서... ]
<script type="text/javascript">
...
</script>
이런식으로 스크립트를 작성하게 되는데 이때, 이 스크립트 블록을 어디다 수행하는게 좋을까요??
어디든 상관은 없습니다. 하지만 주의해야하는 사항이 몇가지 있죠
예를들어, head 태그 안에서 script를 선언하고 body 안에 선언해 놓은 태그에 대한 작업을 한다고 해봅시다.
그러면 어떻게 될까요?
해당 script가 수행되는 시점에서 body 태그는 아직 파싱되기 전이기 때문에 script에서 해당 태그가 무엇인지 알 수가 없게 됩니다.
따라서 그냥 null을 가지고 작업을하게되죠...
따라서, body 태그가 다 로딩되고 body 태그 안에서 제일 밑 부분에 작성할 스크립트를 위치시켜주는 것이 best일 것입니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<input type="text" name="" value="" id="in">
<table>
<tr>
<td>dd</td>
</tr>
</table>
<script type="text/javascript">
document.getElementById("in").value = "modifyValue";
</script>
// 이처럼 아래쪽에 위치시켜주는 것이 좋습니다. 이걸 만약 head 태그 내에 위치하거나 input 태그 위에 위치시킨다면
// 스크립트가 제대로 수행될 수 없겠죠?
</body>
</html>
'개발 > Javascript' 카테고리의 다른 글
| 이벤트 발생시 a 태그의 이동기능을 동작하지 않게하고 처리하기 (0) | 2017.06.11 |
|---|---|
| JQuery 애니메이션 관련 정리(fadeIn,fadeOut,hide,show,animate,stop) (0) | 2017.06.11 |
| 3. 일정주기마다 callback 함수를 실행하는 setInterval()에 대해서... (0) | 2017.06.11 |
| 2. JQuery로 선택한 태그 요소의 값과 속성을 바까보자 (3) | 2017.06.11 |
| 1. window 객체에 대하여...(부모창, 자식창 간에 데이터 주고 받기 포함) (0) | 2017.06.11 |