12. JS의 BOM

BOM(Browser Object Model)?

- 브라우저 내에 내장된 객체

- BOM 객체의 최상위 내장 객체는 window 객체.

 

*window객체의 주요 메서드

-open()

-alert()

-prompt()

-confirm()

-moveTo()

-resizeTo()

-setInterval()

-setTimeout()

 

*screen 객체

-screen.width

-screen.height

-screen.availWidth: 작업표시줄을 제외한 화면의 너비값을 반환

-screen.availHeight: 작업표시줄을 제외한 화면의 높이값을 반환

-screen.colorDepth: 사용자 모니터가 표현 가능한 컬러 bit를 반환

 

*location 객체

-JS가 실행되고 있는 현재 브라우저의 주소창에 표시된 주소값에 관련된 내용을 다루는 객체.

-사용자 브라우저의 주소창의 url에 대한 정보와 새로곷침 기능을 제공함.

location.href: 브라우저의 url값을 반환해줌.

location.reload(): 브라우저를 새로고침 해줌.

 

*history 객체

- 브라우저가 페이지를 변경한 이력이 저장되어 있는 객체

- 사용자가 방문한 사이트 중 이전에 방문한 사이트와 다음 방문한 사이트로 돌아갈 수 있는 속성과 메서드를 제공.

length: 방문 기록에 저장된 목록의 갯수를 반환.

history.back(): 이전 방문 페이지로 이동.

history.forward(): 다음 방문페이지로 이동.

history.go(): 숫자만큼 앞 또는 뒤 페이지로 이동. (+는 forward, -는 back)