자바스크립트(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>
이미지 맵
이전다음글
카테고리
|
 |
 |
 |
 |
글에 남긴 여러분의 의견은 개 입니다.