4-1. 브라우저를 위한 JS(BOM)

BOM (Browser Object Model)

• BOM은 브라우저의 창과 관련된 객체 모델을 의미
• 사용 목적
  • 주로 브라우저 창이나 세션에 대한 제어가 필요할 때 사용됨.
  • 브라우저의 기본적인 정보(화면 크기, 사용 언어, 방문 기록 등)를 다루거나, 페이지의 URL을 변경하거나 새 창을 여는 등의 브라우저 자체 기능을 제어하는 데 사용
• 주요 BOM 객체:
  • window: 브라우저 창을 나타내는 최상위 객체로, 모든 BOM 객체와 DOM 객체를 포함함.
    •   window.open(url): 새 창을 열 때 사용.
    •   window.alert(message): 경고창 표시.
  • navigator: 브라우저 정보 (브라우저 이름, 버전, OS 등) 제공.
    • navigator.userAgent: 브라우저와 OS에 대한 정보 반환.
    • navigator.language: 사용자의 언어 설정 반환.
  • screen: 화면 해상도와 같은 디스플레이 정보 제공.
    • screen.width / screen.height: 화면 너비와 높이 반환.
  • location: 현재 페이지의 URL 정보 (URL 변경, 페이지 리다이렉트 등).
    • location.href: 현재 URL 가져오기 또는 변경.
    • location.reload(): 페이지 새로고침.
  • history: 브라우저의 방문 기록을 제어할 수 있는 객체 (뒤로 가기, 앞으로 가기 등).
    • history.back(): 이전 페이지로 이동
    • history.forward(): 다음 페이지로 이동