[JavaScript] 브라우저 객체 모델(BOM)

🤔 브라우저 객체 모델(BOM) ?

자바스크립트를 이용하면 브라우저의 정보에 접근하거나 브라우저의 여러 기능등을 제어할 수 있다.
이때 사용할 수 있는 객체 모델이 바로 브라우저 객체 모델(BOM)이다.

브라우저 객체 모델(BOM)은 문서 객체 모델(DOM)과는 달리 W3C의 표준 객체 모델은 아니다.
하지만 이 모델은 자바스크립트가 브라우저의 기능적인 요소들을 직접 제어하고 관리할 방법을 제공해준다.

자바스크립트에서 이러한 BOM 모델의 객체들을 전역 객체(global object)로 사용할 수 있다.

📘 Window 객체

Window 객체는 자바스크립트의 최상위객체 이자 전역객체 이면서 모든 객체가 소속된 객체이다.

Window 객체 메소드 종류

open()

open("URL","새 창 이름", "새 창 옵션");

open("hello.html","hello","width=350, height=400, left=50");

open() 메소드를 이용하면 지정한 URL 페이지를 새 브라우저 창에 나타낼수 있다. 즉, 이 기능을 이용하면 광고에 자주 사용되는 팝업 창을 만들수 있다.

alert()

alert("경고 메시지");

alert("다시 입력 하세요.");

alert() 메소드는 경고 창을 나타낼 때 사용한다.

prompt()

prompt("질의 내용", "기본 답변");

prompt("당신의 연령은?", "0");

prompt() 메소드는 사용자에게 질문하여 응답을 유도하는 창을 나타낼수 있는 메소드이다.

confirm()

confirm("질의 내용");

confirm("정말로 삭제하시겠습니까?");

confirm() 메소드는 확인/취소를 나타낼 때 사용한다.

setInterval()

var intv = setInterval(function(){i++;},3000); // 3초 간격으로 변수 i값 증가

setInterval() 메소드는 지속적으로 일정한 시간 간격으로 함수를 호출하는 메소드이다.