JS - BOM 시작하기

BOM은 BOM(Browser Object Model), 즉 브라우저 객체 모델이란 뜻이므로 DOM 을 제외한 대부분의 window 객체는 BOM 이라 할 수 있습니다.

window 객체는 웹 브라우저 내장 객체 중에서 가장 상위에 있는 객체입니다.

<script>
function func() {
  return 1;
}

document.write( window.func() );
// 1
document.write( func() );
// 1


var a = 1;
document.write( window.a );
// 1
document.write( a );
// 1


/*
 모두 동일하게 동작합니다.
*/
window.location = "http://habonyphp.com";
location = "http://habonyphp.com";


window.document;
document;


wimdow.alert("하보니");
alert("하보니");

</script>

이렇듯 변수나 함수를 호출할 때 window 객체를 사용해서 접근할 수 있습니다. 다만, window 는 최상위 객체이므로 생략한 것뿐입니다.

window 는 전역 객체이고, this 와 대체될 수 있습니다.  브라우저에서 실행되는 모든 문서는 기본적으로 window 를 상속받으며, 모든 엘리먼트들의 상위 객체이기 때문에 window를 생략해도 무방합니다.

<script>
 this.alert("안녕 하보니");

 this.document;

 this.location = "http://habonyphp.com";
</script>

window 의 속성은 다음 표를 사용할 수 있습니다.

속 성	설 명
closed	윈도우가 종료되었는지의 여부. true | false 중 하나
status	상태 표시줄에 표시할 문자열
defaultStatus	상태 표시줄에 표시할 기본 문자열 status 에 지정된 문자열이 없을 때 표시됨.
document	HTML 컬렉션
frames	프레임에 대한 정보
location	현재 웹 문서의 URL 정보 다른 페이지 이동도 가능
history	웹 페이지를 방문한 히스토리
name	윈도우의 이름
opener	open() 으로 호출한 윈도우에 대한 정보
parent	상위 계층에 대한 정보
window	window 자신에 대한 정보