브라우저 객체 모델(BOM)

브라우저 객체 모델(BOM, Browser Object Model)을 이용하여 브라우저의 정보에 접근하거나 브라우저의 여러 기능들을 제어할 수 있음

문서 객체 모델(DOM)과는 달리 W3C의 표준 객체 모델이 아님
자바스크립트가 브라우저의 기능적인 요소들을 직접 제어하고 관리할 방법을 제공
전역 객체(global object)로 사용 가능
종류
- Window 객체
- Location 객체
- History 객체
- Screen 객체
- Navigator 객체
- 대화 상자
- 타이머

Window 객체

웹 브라우저의 창(window)을 나타내는 객체로, 대부분의 웹 브라우저에서 지원

자바스크립트의 모든 객체, 전역 함수, 전역 변수들은 자동으로 window 객체의 프로퍼티가 됨
window 객체의 메소드는 전역 함수, window 객체의 프로퍼티는 전역 변수
문서 객체 모델(DOM)의 요소들도 모두 window 객체의 프로퍼티가 됨
window 객체의 모든 메소드나 프로퍼티를 사용할 때는 window라는 접두사를 생략할 수 있음
Document 객체는 window 객체의 가장 중요한 프로퍼티 중 하나

주요 프로퍼티

프로퍼티	설명
closed	창이 종료되었는지 여부를 나타내는 부울(bollean) 값을 반환한다.
defaultStatus	창의 상태표시줄의 텍스트를 반환하거나 설정한다.
document	창의 document 객체를 반환한다.
frameElement	현재 창에 삽입된 `<iframe>` 요소를 반환한다.
frames	현재 창에서 모든 `<iframe>` 요소를 반환한다.
history	창의 history 객체를 반환한다.
innerHeight	창의 콘텐츠 영역(뷰포트)의 내부 높이를 반환한다.
innerWidth	창의 콘텐츠 영역(뷰포트)의 내부 너비를 반환한다.
length	현재 창의 `<iframe>` 요소의 갯수를 반환한다.
localStorage	데이터를 저장하는데 사용되는 로컬 스토리지 객체에 대한 참조를 반환한다. 저장된 데이터는 유효기간이 없다.
location	창의 location 객체를 반환한다.
name	창의 이름을 반환하거나 설정한다.
navigator	창의 navigator 객체를 반환한다.
opener	창을 생성한 창에 대한 참조를 반환한다.
outerHeight	툴바 및 스크롤바를 포함하는 창의 외부 높이를 반환한다.
outerWidth	툴바 및 스크롤바를 포함하는 창의 외부 너비를 반환한다.
pageXOffset	창의 상부 좌측 구석으로부터 현재의 문서가 스크롤(수평) 된 픽셀를 반환한다.
pageYOffset	창의 상부 좌측 구석으로부터 현재의 문서가 스크롤(수직) 된 픽셀 반환한다.
parent	현재 창의 부모 창을 반환한다.
screen	창의 screen 객체를 반환한다.
screenLeft	데스크톱을 기준으로 창 화면의 X좌표를 반환한다.
screenTop	데스크톱을 기준으로 창 화면의 Y좌표를 반환한다.
screenX	데스크톱을 기준으로 창 화면의 X좌표를 반환한다.
screenY	데스크톱을 기준으로 창 화면의 Y좌표를 반환한다.
sessionStorage	데이터를 저장하는데 사용되는 로컬 스토리지 객체에 대한 참조를 반환한다. 저장된 데이터는 하나의 세션이다(브라우저 탭이 닫힐때 손실).
scrollX	pageXOffset 의 별칭이다.
scrollY	pageYOffset 의 별칭이다.
self	현재 창을 반환한다.
status	창의 상태표시줄의 텍스트를 반환하거나 설정한다.
top	최상위의 브라우저 창을 반환한다.

Window 객체

주요 프로퍼티

주요 메서드