[Javascript] 브라우저 객체모델 (BOM) 이란?

💻 IT/📌 WEB

GODSU 2022. 2. 21. 16:06

자바스크립트를 사용하여 웹 개발을 할때 특정 사이트로 이동하거나 새로운 웹 브라우저를 여는 다양한 효과를 사용할 때가 있습니다. 어떤 방법으로 이런 기능을 하는지 알아봅시다.

웹 '브라우저'에 삽입된 각 요소를 객체로 인식하고 관리하는 것을 '브라우저 객체 모델(Browser Object Model)이라고 합니다. BOM은 자바스크립트 프로그램을 통해 브라우저 창을 관리할 수 있도록 객체화 해놓은 것입니다.

2. Window 객체 모델 계층도

브라우저 창이 열리면 Window 객체가 만들어지며, 그 하위에 브라우저 각 요소에 해당하는 객체가 만들어집니다.

객체	설명
Window	브라우저 창이 열릴 때마다 하나씩 만들어지는 객체, 브라우저 창 안에 존재하는 모든 요소의 최상위 객체
Document	웹 문서에서 <body> 태그를 만나면 만들어지는 객체, HTML 문서 정보를 가지고 있음
History	현재 창에서 사용자의 방문 기록을 저장하고 있는 객체
Location	현재 페이지에 대한 URL 정보를 가지고 있는 객체
Navigator	현재 사용 중인 웹 브라우저 정보를 가지고 있는 객체
Screen	현재 사용 중인 화면 정보를 다루는 객체

[참고서적]

Do it! 웹 프로그래밍을 위한 자바스크립트 기본 편

COUPANG

www.coupang.com

"이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다."