0
 5   1   1
  View Articles

Name  
   손병목  (2002-05-21 22:35:24, Hit : 32905, Vote : 1626)
Homepage  
   http://www.itmembers.net
Subject  
   자바스크립트를 실행하는 몇 가지 방법
우선 자바스크립트는 어디에 위치하는가?
결론은 <TD></TD> 사이만 아니라면 어느 곳이든지 가능합니다. 그러나 가급적이면 <HEAD></HEAD> 사이에 사용하는 것이 좋습니다.

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

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

    <HTML>
    <HEAD>
    <TITLE></TITLE>
    <SCRIPT language=javascript>
    <!--
    alert("Hello ITmembers.net");
    //자바스크립트는 <TD></TD> 사이만 아니라면 어느 곳이든 가능하다.
    -->
    </SCRIPT>

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

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

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

  2. 다음으로 본문 내용을 마우스로 클릭했을 때 실행되는 스크립트입니다.
    이럴 경우에는 <HEAD> 문의 자바스크립트를 사용자 정의 함수로 만들어야 합니다.
    아래 예제를 보시죠.

    <HTML>
    <HEAD>
    <TITLE></TITLE>
    <meta http-equiv=Content-Type content=text/html;charset=EUC-KR;>
    <SCRIPT language=javascript>
    <!--
    function hello(){
    alert("자바스크립트 기초");
    }

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


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

    참고로 4행은 현재 문서의 문자 세트로 EUC-KR을 사용한다는 뜻입니다. 한글이 깨지지 않고 제대로 표시되려면 위와 같은 문장을 써 주셔야 됩니다.

  3. 마지막으로 자바스크립트를 HTML 파일 내부에 쓰지 않고 별도의 파일로 저장하여 실행할 수도 있습니다.

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

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

    • hello.js 파일의 내용
      function hello(){
      alert("자바스크립트 기초");
      }

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

Prev
   개념잡기(1) - 개체, 인스턴스, 메소드 이해하기

손병목
Next
   Hello World!

손병목


Copyright 1999-2020 Zeroboard / skin by Zetyx