자바스크립트란?

 

출처 : http://cafe.naver.com/jobstartgogo/10976

 

☆ 자바스크립트란?

자바스크립트는 HTML 문서에서 HTML 이나 CSS 만으로는 표현하기 어렵거나 아예 불가능한 작업을 하기 위해

만들어진 언어이다. 스크립트 언어란 메모장등 간단한 텍스트 편집기 프로그램을 이용해서 쉽게 프로그램을

작성할 수 있는 언어로서 사용하기가 편리하고 실행속도가 빠른것이 특징이다.

 

 

☆ HTML 문서에 자바 스크립트 작성하기

CSS 와 마찬가지로 자바 스크립트도 HTML 문서에 직접 작성하거나 외부 파일에 작성한후 불러올수 있다.

HTML 문서에 자바스크립트를 작성하려면 <SCRIPT > 태그를 이용한다. < SCRIPT > 태그는 원래 < HEAD >

태그에 위치하는것을 권장하지만 문서의 어느곳이든 실행된다.

 

ex )< SCRIPT language = "javascrpt">

      </SCRIPT>

 

☆ 외부 문서로 저장된 자바스크립트 파일을 불러오기

자바스크립트는 별도의 자바스크립트 파일 (*js 파일) 에 작성하고 이를 HTML 문서 에서 불러올수 있다.

*.js 파일을 HTML 문서에 불러오려면 < SCRIPT > 태그를 사용한다

 

ex ) <SCRIPT > language = "javascript" src="my.js"

      </SCRIPT>

 

 

☆ alert 메서드

alert 메서드의 괄호안에 보여주고자 하는 메세지를 입력해주면 웹브라우저가 간단한 대화창을 통해

메세지를 보여준다.

ex) < script language="javascript >

        alert("어서오세요!");

      </script>

 

 ♡ window 객체는 자바스크립트의 최상위 기본객체 이므로 메서드를 실행할때 객체 이름을 생략하면 기본적으로

      window객체에서 메섣를 찾아 실행한다.

 

☆prompt 메서드

prompt 메서드는 사용자에게 어떤 질문을 하고자 할때 사용할 수 있는 메서드이다.

ex) window.prompt ("사용자에게 보여줄 메세지" , "입력창에 미리 입력되어 있을 문장");

 

ex)

<script languge="javascript">

      var userInput = prompt("당신의 이름은 무엇인가요?" , " ");

      alert (userInput+"님 환영합니다. ");

</script> 

 

 

☆ open 메서드

window 객체는 open 메서드를 통해 새로운 팝업창이 나타나도록 할수 있다.

ex) window.open("팝업창 주소" , "팝업창의 이름" , "팝업창의 속성");

 

 

☆ setTimeout 메서드

window.setTimeout 메서드는 지정된 시간이 지나면 특정함수를 실행하도록 하는 메서드 이다.

ex) windo.setTimeout( 함수명 , 시간 );

두개의 메서드는 실행할 함수의 이름이며 두번째 매개벼수는 함수를 실행하기까지 기다릴 시간이다.

유의해야 할 점은 괄호를 치지 않고 함수 이름만 들어간다는 것이다.

 

☆setInterval 메서드

 

setTimeout 메서드는 지정된 함수를 한번 실행하면 그 역활을 다하게 된다. 하지만 setInterval 메서드는

지정된 시간이 지날때마다 함수를 계속해서 실행해준다.

ex) setInterval (  실행할 함수명 , 시간 )

setInterval 메서드도 마찬가지로 타이머 번호를 리턴하며 clearInterval 메서드를 이용해서 동작을 취소할수 있다.

 

< script language= "javascript>

     var i = 0;

     var timer = 0;

 

     timer = setInterval(sayhello,500)

     function sayHello()

     {

        alert("안녕하세요?");

        i++;

        if ( i == 5 )

        {

          clearInterval(timer);

        }

     }

 

♡ moveBy , moveTo 메서드

window 객체의 moveBy 메서드와 moveTo메서드는 웹브라우저 창의 위치를 바꾸기 위한 메서드 이다. moveBy 메서드는

현재의 위치에서 지정된 간격만큼 움직이며 moveTo메서드는 지정된 위치로 이동하는 함수이다.

ex)

moveBy ( 수평 이동할 간격 , 수직 이동할 간격 );

moveTo ( 이동할 수평 위치 , 이동할 수직 위치 );