본문 바로가기

Programming/JavaScript

BOM (Browser Object Model)

BOM(Browser Object Model)이란 웹브라우저의 프레임을 추상화하여 프로그래밍적으로 제어할 수 있도록
제공하는 수단이다.

BOM은 전역객체인 Windows의 property와 method들을 통해서 제어할 수 있다.
따라서 BOM에 대한 수업은 Window 객체의 property와 method의 사용법을 배우는 것이라고 해도
과언이 아닐것이다.

먼저 전역객체인 Window 객체에 대해 알아보자.

Window객체는 모든 객체가 소속된 객체이고 , 전역객체 이면서 , 창이나 프레임을 의미한다.

콘솔을 통해 예시를 살펴보자.


첫 행에서 alert함수를 사용했다.
3번째행에서 window.alert함수를 사용했다.

그러나 위 두 함수의 효과는 같다 ,   
window 객체는 식별자 window를 통해서 얻을수 있다 , 또한 생략이 가능하다.
그냥 alert는 암시적으로 앞에 window. 를 숨긴거와 같다.
 즉 우리가 만드는 함수건 브라우저가 기본적으로 제공하는 함수건 간에 모두 window라는 객체에 메소드다.




보는바와 같이 변수또한 마찬가지다.
a=1이라고 변수를 선언하고 그냥 a를 출력하건 , window.a를 출력하건 같은 내용을 보여준다.
어느 함수에 소속되어있지 않으면 전역변수가 된다.
전역변수라는 것은 결국엔 window라는 객체에 property를 만드는것이다.
window라고 하는것은 전역객체라고 쓰는 이유가 여기에있다.


정리
전역변수와 함수가 사실은 window 객체의 프로퍼티와 메소드라는 것이다.
또한 모든 객체는 사실 window의 자식이라는것도 알 수 있다. 
웹브라우저에서 window 객체는 전역객체 이면서 동시에 웹브라우저창의 창이나 프레임을 제어하는 역할을 한다.




'Programming > JavaScript' 카테고리의 다른 글

BOM ( Location객체 , Navigator 객체 )  (0) 2017.11.04
BOM ( alert() , confirm() , prompt() )  (0) 2017.11.04
HTML에서 Javascript 로드하기  (0) 2017.11.04
반복문  (0) 2017.11.03
조건문  (0) 2017.11.03