[JavaScript] window객체 정의 / 메서드

브라우저 객체란 ?

말 그대로 브라우저에 내장된 객체를 의미한다. 브라우저 객체의 최상위 객체는 window 객체이며, window 객체는 하위객체가 포함되어 있다. 즉, 계층적 구조이며, 이를 BOM(Browser Object Model)이라고 한다.

 

window 객체의 메서드 종류

종류	설명
open("URL","새 창 이름", "새 창 옵션")	URL 페이지를 새 창으로 나타낸다.
alert()	경고창을 나타내고, 데이터를 보여준다. 방문자가 [확인]버튼을 누르면 alert()를 사용한 다음 위치의 코드를 수행한다.
prompt("질문", "답변")	질문과 답변으로 질의응답 창을 나타낸다.
confirm("질문내용")	질문 내용으로 확인이나 취소창을 나타낸다. [확인] 버튼 = true를 반환 [취소] 버튼 = false를 반환
moveTo(x,y)	지정한 새 창의 위치로 이동한다.
resizeTo(width, htight)	지정한 새 창의 크기를 변경한다.
setInterval(function() { 자바스크립트 코드}, 일정시간간격)	지속적으로 일정한 시간 각격으로 함수를 호출한다.
setTimeout(function() { 자바스크립트 코드}, 일정시간간격)	단 한 번 일정한 시간 간격으로 함수를 호출한다.

---

메서드 사용 예

 

- open() : 새 창을 열어준다. 필자는 팝업창을 나타낼 때 사용하였다.

window.open("http://www.naver.com", "naver", "width=350, height=450, left=50, top=10, scrollbars=no");

 

- close() : 예를 들어 버튼이 있다는 가정하에 버튼을 클릭하면 창을 닫아준다.

<button onclick="window.close()"></button>

 

- alert() : 경고창을 나타낸다.

alert("삐빅! 잘못됬습니다");

 

- prompt() : 질의 응답 창을 나타낸다. 

prompt("당신의 나이는 ? ", "0");

 

- confirm() : 확인 / 취소창을 나타낸다. 확인버튼 : true를 return, 취소버튼 : false를 return

confirm("탈퇴하시겠습니까?");

 

- setInterval() : 일정 시간 간격으로 함수를 실행시킨다.

- clearInterval() :  setInterval() 메서드를 취소시킨다.

• 참조링크 : https://chlee21.tistory.com/98?category=944127

 

- setTimeout() : 단 한번만 일정시간이 지나면 코드를 실행하고 종료한다.

var auto = setTimeout(() =>{
             addNum++;
             console.log("setTimeout addNum : "+ addNum); 
         }, 5000);