참조 : http://www.w3schools.com/js/js_whereto.asp

예제
Header 영역에

<head>
<script type="text/javascript">
function message()
{
alert("This alert box was called with the onload event")
}
</script>
</head>

- 함수를 담고 있는 자바스크립트를 헤더 영역에 둔다. 그렇게 함으로써 함수가 호출되기 전에 로딩되어 있으리란 것을 확신할 수 있다.

body 영역에

<body>
<script type="text/javascript">
document.write("This message is written when the page loads")
</script>
</body>

- 자바스크립트를 실행하는 코드는 바디에 둔다.

외부 스크립트

<script src="xxx.js">
</script>

- 밖에 있는 스크립트 파일을 사용할 수 있다.

자바 스크립트를 어디에 넣어야 하는가
자바스크립트는 항상 페이지가 로딩 될 때 실행 될 것이다. 이것이 대부분 우리가 원하는 것이긴 하지만 때때로 사용자가 이벤트를 발생할 때 마다 실행하고 싶을 수 있다.

- 헤더 영역에 있는 스크립트 :: 페이지의 헤더가 로딩 될 때와 사용자가 이벤트를 발생시켰을 때 호출될 수 있다. 헤더 영역에 스크립트를 둘 때는 항상 그 코드가 사용되기 전에 미리 로딩되어 있어야 하는지 생각해 봐야 한다.
- 바디 영역에 있는 스크립트 :: 페이지의 바디가 로딩 될 때 실행될 것이다. 바디 영역에 두면 페이지의 컨텐츠를 생성한다.
- 둘 다 사용하기 :: <script> 태그 사용에 별다른 제한이 없기 때문에 헤더와 바디 둘 다 넣을 수 있다.

외부 자바스크립트 사용하기
여러 페이지에서 사용할 공통의 자바스크립트를 매 페이지 마다 적지 않아도 된다. 이런 경우 별도의 파일로 빼내어 .js 확장자로 저장하면 된다.
자바스크립트 파일을 사용하기 위해서는 <script> 태그의 src 속성을 사용하면 됩니다.