|
Java Script란?
우리가 흔히 말하는 자바는 크게 자바와 자바스크립트로 구분됩니다. 자바(Java)는 선 마이크로시스템사에서 개발된 일종의 프로그래밍 언어로 프로그램 소스를 작성하고, 컴파일하여 실행이 되는 독자적인 프로그래밍 언어이며, 자바 스크립트(Java Script)는 글자 그대로 인터프리터에 의해 해석되는 스크립트 언어입니다. 스크립트란 유닉스의 bash, sh, 도스의 *.bat파일에 쓰이는 명령어와 비슷한 것으로써 자바 스크립트는 HTML 파일 안에 기존 태그와 같이 쓸수 있으며 자바 스크립트만으로 휼륭한 홈페이지를 만들수 있습니다.
이러한 JavaScript는 브라우저만 있으면 실행가능합니다. 즉, 별도의 프로그램의 설치 없이 스크립트를 실행할 수 있으며, MicroSoft사에서도 Internet Explorer 버전 3.0부터 Java Script를 지원하게 되었으나 스크립트의 실행시 Netscape와 다르게 동작하는 부분이 상당수 있어서 간혹 호환이 되지 않는 경우가 있지만 대표적인 브라우저들의 지원으로 인해 스크립트 언어로서는 어느 정도의 위치를 가지게 되었습니다.
Java Script의 기본 구조 Java Script를 HTML문서에 삽입하려면, 메모장이나 워드패드를 이용해 <HEAD>태그와 </HEAD>태그 사이에 <SCRIPT LANGUAGE="JavaScript">......</SCRIPT>라는 태그를 사용합니다.
<HTML>
<HEAD>
<TITLE>자바 스크립트의 기본 구조</TITLE>
<SCRIPT LANGUAGE="JavaScript">
.
.
.</SCRIPT>
</HEAD>
<BODY>
</BODY>
</HTML>
Java Script 예제 자바 스크립트를 작성하려면 프로그램에 대한 어느 정도 기초지식이 있어야 합니다. 따라서, Java Script를 이용해 HTML작성하는 방법을 상세히 설명드리지는 않으며, 유용하게 사용할 수 있는 몇 가지의 Java Script 예제를 소개해 드리도록 하겠습니다. 의미를 생각하지 마시고, 홈페이지에 삽입해서 Java Script가 어떻게 작동되는지 확인해 보시기 바랍니다.
새로운 창에 문서 띄우기 예제 홈페이지에서 [어깨를 내주는 사람]과 [신발 한 짝]이라는 링크를 눌렀을 때 현재의 창에 내용이 표시되는게 아니라 새로운 창을 하나 띄워 내용을 보여주는 Java Script입니다.
① 메모장을 실행해 <HEAD>...</HEAD>사이에 아래의 스크립트를 삽입합니다.
② [어깨를 내주는 사람]과 [신발 한 짝]의 하이퍼링크 대신 다음과 같이 Java Script를 불러 주는 링크로 바꿔 줍니다.
③ 바뀐 HTML문서를 서버에 등록하고 브라우저에서 확인하면, 내용이 새로운 창에 표시되는 것을 확인할 수 있습니다. 여기서, [HOME]이미지를 클릭했을 때, 이제는 홈페이지로 돌아가는게 아니라 새로운 창을 닫도록 링크를 수정해 줍니다. 메모장을 실행해 story01.htm과 story02.htm을 열어 다음과 같이 링크를 수정해 줍니다.
홈페이지에 날짜, 시간 보여주기
① 메모장을 열어 날짜와 시간을 보여줄 부분에 아래의 스크립트를 추가합니다. Java Script는 반드시 <HEAD>...</HEAD>사이에 들어가야 하는 것이 아니고 필요한 부분에 삽입해 주면 됩니다.
<CENTER>
<HR>
<SCRIPT LANGUAGE="JavaScript">
Stamp = new Date();
document.write('<font size="2" face="굴림체"><B>' + "오늘의 날짜와 시간 : "+(Stamp.getMonth()+1)+"/"+Stamp.getDate()+"/"+Stamp.getYear()+" ");
var Hours;
var Mins;
var Time;
Hours = Stamp.getHours();
if (Hours >= 12) {
Time = " P.M.";
}
else {
Time = " A.M.";
}
if (Hours > 12) {
Hours -= 12;
}
if (Hours == 0) {
Hours = 12;
}
Mins = Stamp.getMinutes();
if (Mins < 10) {
Mins = "0" + Mins;
}
document.write(Hours+":"+Mins+Time+'</B></font>');
</SCRIPT>
<HR>
</CENTER>이러한 Java Script는 프로그램 작성 기술을 필요로 하며, 직접 작성하기 위해서는 많은 시간과 노력이 필요합니다. 하지만, 이처럼, 다른 사람이 작성해 놓은 Java Script 코드를 HTML문서에 포함만 시켜도 그 기능을 사용할 수 있습니다.
인터넷 상에는 이러한 Java Script예제를 제공하는 많은 사이트들이 있습니다. 검색엔진에서 [자바스크립트]라는 검색어로 Java Script예제를 제공하는 사이트를 검색해서 원하는 Java Script를 포함하고 있는 홈페이지를 찾으셨으면, 홈페이지 위에서 마우스 오른쪽버튼을 눌러 메뉴에서 [소스보기]를 선택하시면 HTML 태그를 보실 수 있습니다. 여기서 필요한 Java Script를 마우스 끌기로 선택해서 복사해 내 HTML문서에 붙여넣기하고 필요한 부분을 조금 수정하시면 어떤 Java Script라도 사용할 수 있습니다.
기타 JavaScript와 관련된 내용을 학습하시고 싶으신 분들은 http://www.javascript.co.kr/에 접속해 보시기 바랍니다. 많은 Java예제를 제공해 주는 사이트입니다.
|
|
|
|
