자바스크립트(JavaScript) 기초강좌 - 1장. JavaScript


자바스크립트(JavaScript) 기초강좌 - 1장. JavaScript

1장. JavaScript

1.1) 자바스크립트란?

* 자바스크립트는 선마이크로시스템즈(Sun Micro Systems)와 넷스케이프에서 공동으로 개발한 스크립트 언어이다.

* Web을 서핑을 하면서 흔희 경험하는 공지사항을 담은 작은 창이라든지 마우스 포인터를 올리면 변하는 이미지 등은 자바스크립트 정적인 HTML문서에 사용한 예이다.

* 자바스크립트의 활용분야는 다음과 같다.

- HTML Form의 값을 가공하거나 검사하여 서버쪽에 보낼 때 (CGI와 연동)

- 사용자의 입력을 제어하고 싶을 때

- 브라우저내의 여러 가지 기능을 조절하고 싶을 때

- 사용자에게 메세지를 보내고 싶을 때(경고나 확인)

- Cookie를 이용한 페이지 간의 data 이동

- Window와 프레임의 생성 및 제어

- 자바와의 연동

 

1.2) 자바스크립트의 특징

* HTML문서 안에 자바스크립트로 작성된 프로그램을 넣어 둠으로써 브라우저에서 실행가능하다.

* 인터프리터 언어이므로 브라우저에 의하여 실행될 때마다 번역된다.

* 자바스크립트는 스크립트 언어이므로 그 자체가 실행 가능한 것은 아니다. 그러므로 자바스크립트를 지원하지 않는 브라우저에서는 자바스크립트를 무시한다.(HTML의 주석문을 사용한다.)

* 자바스크립트는 Type검사를 엄격하게 하지 않는다. 예컨대, 실행 중에 변수의 형이 결정되기도 하고 사용 전에 선언을 하지 않아도 된다.

* 대부분의 자바스크립트 코드는 사용자, 혹은 시스템에 대한 Event-Driven방식을 지원한다. 버튼이나 텍스트 같은 Form Field와 같은 HTML객체들은 이벤트 핸들러를 추가함으로써 기능을 확장할 수 있다.

 

1.3) HTML 문서에 자바스크립트 추가하는 방법

A. 코드 직접입력

* [형식]

<SCRIPT Language="JavaScript">

~

</SCRIPT>

 

* Language속성을 생략하면 브라우저는 자동으로 JavaScript로 인식한다. 단 VBScript를 사용할 경우 명시해야 한다.

* <SCRIPT태그는 HTML문서 어디에나 올 수 있으나 주로 <HEAD>내에서 정의한다.

* HTML문서에 여러개의 <SCRIPT>가 올 수 있으며, HTML에 기술된 순서데로 수행되어진다.

* 자바스크립트를 지원하지 않는 브라우저에서는 자바스크립트 코드를 일반 문자로 해석한다. 따라서 자바스크립트 코드가 화면에 나타난다. 이것을 방지하기 위해 HTML의 주석문(<!-- -->)을 사용한다.

* 브라우저에서 해석되지 않는 자바스크립트 코드를 사용하려면 자바스크립트 주석문을 사용하도록 한다.

- 단문주석 : //

- 복문주석 : /* ~ */

 

* 예제

    <HTML>

    <HEAD>

    <SCRIPT Language="JavaScript">

     document.write("안녕하세요?") //문자열 출력

    </SCRIPT>

    </HEAD>

 

    </HTML>

 

B. 자바스크립트 File호출

* [형식]

    <SCRIPT Language="JavaScript" SRC="URL">

    </SCRIPT>

 

* 호출하고자 하는 파일의 URL을 SRC="URL"속성에 입력한다.

* File의 확장자는 어떤 것이든 상관없으나 주로 .js를 사용한다.

* SRC속성을 사용하는 경우 <SCRIPT> ~ </SCRIPT>태그내에 자바스크립트 코드를 써도 무방하지만 그 코드는 실행되지는 않는다.

* 직접 자바스크립트코드를 입력하는 방법과 Include하는 방법을 혼용하여 사용 가능하다. 단 각각 <SCRIPT>태그를 사용해야 한다.

 

* 예제

    [test.js]

    document.write("안녕하세요!");

 

    [sample.html]

    <HTML>

    <HEAD>

    <SCRIPT Language="JavaScript" SRC="test.js">

    </SCRIPT>

    </HEAD>

 

    <BODY>

    <SCRIPT Language="JavaScript">

     document.write("자바누리입니다.");

    </SCRIPT>

    >/BODY>

    </HTML> 

IT Computer Utility/ETC 다른 글

댓글 1

*

*

이전 글

다음 글