JavaScript의 기초· 2002.05.21·손병목

자바스크립트를 실행하는 몇 가지 방법

우선 자바스크립트는 어디에 위치하는가?
결론은 <TD></TD> 사이만 아니라면 어느 곳이든지 가능합니다. 그러나 가급적이면 <HEAD></HEAD> 사이에 사용하는 것이 좋습니다.

이번 시간에는 자바스크립트를 실행하는 세 가지 방법에 대해 살펴 보겠습니다.

먼저 브라우저가 열리면서 실행되는 스크립트입니다.
<BODY> 문이 시작되기 전에 실행되어야 하므로 <HEAD> 문에 자바스크립트를 작성하면 됩니다.
아래 예제를 보면 쉽게 알 수 있습니다.

<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT language=javascript>

</SCRIPT>
</HEAD>
<BODY>
</BODY>
</HTML>

alert() 함수는 경고 메시지 박스를 표시하는 기능을 합니다. 따라서 웹브라우저를 실행하면 바로 Hello ITmembers.net이라는 메시지 박스가 표시됩니다.

참고로, 자바스크립트를 지원하지 않는 브라우저를 위해(사실은 없습니다. 요즘 브라우저는 100% 자바스크립트를 지원한다고 보는 것이 좋습니다.) 자바스크립트 내용은 를 사용하여 전체 주석 처리를 합니다.( 사이에 주석 내용을 집어넣는 것은 아시죠? 이건 HTML 관련 내용이므로 설명을 생략합니다.)
그러나 자바스크립트를 지원하지 않는 브라우저가 없으므로 지금은 거의 습관적으로 사용한다고 보는 것이 좋겠네요.
그리고 자바스크립트 안에서 주석문을 쓸 때는 // 로 시작합니다. 단 한줄짜리 주석이어야 합니다. 여러 줄에 걸쳐 쓸 때 사용하면 안됩니다.
다음으로 본문 내용을 마우스로 클릭했을 때 실행되는 스크립트입니다.
이럴 경우에는 <HEAD> 문의 자바스크립트를 사용자 정의 함수로 만들어야 합니다.
아래 예제를 보시죠.

<HTML>
<HEAD>
<TITLE></TITLE>
<meta http-equiv=Content-Type content=text/html;charset=EUC-KR;>
<SCRIPT language=javascript>

</SCRIPT>
</HEAD>
<BODY>
<a href="javascript:hello();">누르세요</a>
</BODY>
</HTML>

hello()라는 사용자 정의 함수를 만들고 난 다음, <BODY>에서 링크를 만들었습니다.
자바스크립트 링크를 만들 때는 위의 예제에서와 같이 <a href="javascript:함수명;"></a>과 같이 사용합니다.

참고로 4행은 현재 문서의 문자 세트로 EUC-KR을 사용한다는 뜻입니다. 한글이 깨지지 않고 제대로 표시되려면 위와 같은 문장을 써 주셔야 됩니다.
마지막으로 자바스크립트를 HTML 파일 내부에 쓰지 않고 별도의 파일로 저장하여 실행할 수도 있습니다.

<HTML>
<HEAD>
<TITLE></TITLE>
<meta http-equiv=Content-Type content=text/html;charset=EUC-KR;>
<SCRIPT language=javascript src=/board/hello.js>
</SCRIPT>
</HEAD>
<BODY>
<a href="javascript:hello();">누르세요</a>
</BODY>
</HTML>

<SCRIPT language=javascript src=/board/스크립트소스파일명>과 같이 쓰입니다.
위의 예제에서는 hello.js 라는 파일을 사용하므로 아래와 같이 hello.js 파일이 동일한 디렉토리에 있어야겠지요. 만약 소스 파일이 다른 디렉토리에 있다면 정확하게 그 경로까지 포함하여 적어주어야 합니다.
- hello.js 파일의 내용
  function hello(){
  alert("자바스크립트 기초");
  }

이상 동주 아빠 손병목이었습니다.