choice blog

브라우저 객체란 ?

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

window 객체의 메서드 종류

메서드 사용 예

- 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);