브라우저 객체 모델 BOM(Browser Object Model)

브라우저 객체 모델 BOM(Browser Object Model)

 웹 브라우저와 관련된 객체의 집합을 의미

 대표적인 BOM으로는 window, location, navigator, history, screen, document가 있다

 

Window 객체

 브라우저 객체들의 계층구조 에서 최상위에 있는 객체

 자바스크립트로 하는 모든 작업이 Window객체 안에서 이루어짐

메소드 이름	설명
open(URL, name, features, replace)	새로운 window 객체를 생성
setTimeout(function, millisecond)	일정 시간 후에 함수를 한 번 실행
setInterval(function, millisecond)	일정 시간마다 함수를 반복해서 실행
clearTimeout(id)	일정 시간 후에 함수를 한 번 실행하는 것을 중지
clearInterval(id)	일정 시간마다 함수를 반복하는 것을 중단
moveTo(x,y)	윈도우의 위치를 x, y만큼 이동한다
focus()	윈도우에 초점을 맞춘다
blur()	윈도우에 초점을 제거한다
close()	윈도우를 닫는다

 

Window 객체의 onload 이벤트 속성

문서객체의 속성중 on으로 시작하는 속성을 이벤트 속성이라 하며 함수를 할당해야 한다

window 객체가 로드가 완료되고 자동으로 onload()에 할당된 함수를 실행한다

 

 

Screen 객체

 웹 브라우저의 화면이 아니라 운영체제 화면의 속성을 가지는 객체

속성	설명
width	화면의 너비
height	화면의 높이
availWidth	실제 화면에서 사용가능한 너비
availHeight	실제 화면에서 사용가능한 높이
colorDepth	사용 가능한 색상 수
pixelDepth	한 픽셀당 비트 수

 

location 객체

 브라우저의 주소 표시줄과 관련된 객체

 프로토콜의 종류, 호스트 이름, 문서 위치 등의 정보를 갖는다

메소드 이름	설명
assign(link)	현재 위치를 이동
reload()	새로 고침
replace(link)	현재 위치를 이동( 뒤로 가기 불가능)

 

navigator 객체

웹페이지를 실행하고 있는 브라우저에 대한 정보를 갖는다

속성	설명
appCodeName	브라우저의 코드명
appName	브라우저의 이름
appVersion	브라우저의 버전
platform	사용중인 운영체제의 시스템 환경
userAgent	브라우저의 전체적인 정보