JavaScript DOM Window Method

JavaScript DOM Window Method

■ 자바스크립트의 Window는 DOM 구조의 최상위 객체이고, 브라우저의 전반적인 정보에 관련된 객체인데요. 지난 글에서 이 객체의 속성에 대해서 알아봤습니다. 

http://kd3302.tistory.com/560 ◀ window 객체의 속성

■ 이번에는 Window 객체의 메서드(method)를 정리해보고, 예제를 만들어보면서 메서드를 사용해보겠습니다. window 객체의 메서드는 전반적으로 브라우저를 컨트롤 하는 기능들인데요. 메서드의 종류는 다음과 같습니다. 

 

 

■ 이 중에서 타이머를 설정하는 메서드인 SetTimeout() 메서드를 이용해서 일정한 시간 후에 함수가 실행되도록 하는 예제를 하나 만들어보겠습니다. 먼저 이 메서드를 사용하는 방법은 setTimeout(실행할 함수, 시간); 입니다. 이때 시간은 밀리 세컨드(1/1000) 단위입니다. 그래서 1초를 표현하려면 1000을 입력해줘야 합니다. (원래는 window.setTimeout() 이지만 window객체는 생략할 수 있어서 setTimeout() 함수만 사용하고 있습니다.) 

■ setTimeout() 메서드와 setInterval() 함수가 사용방법은 똑같습니다. 이것들을 삭제하는 형식도 역시 같은데요. clearTimeou(제거할 타이머), clearInterval(제거할 타이머) 입니다. 예제에서는 setTimeout()메서드를 이용해서 일정한 시간 후에 함수가 실행되도록 해보겠습니다.

■ 단순하게 하나의 문자열을 출력하는 aaa() 라는 함수를 만들었구요. setTimeout(aaa, 2000); 메서드를 이용해서 2초후에 aaa() 함수가 실행되도록 해봤습니다.

■ 분명이 2초라는 시간차를 두고 이 문자열이 출력되는데....그림으로는 확인하기가 힘들겠죠?^^;;; 간단한 내용이니까 직접 입력해서 확인해보셔요. ㅎㅎ 

 이렇게 해서 자바스크립트 DOM 중에서 최상위 객체인 window의 메서드에 대해서 알아봤습니다. 수고하셨어요.