Browser Object MODEL (BOM)

BOM은 웹에서 사용하는 자바스크립트의 핵심입니다.
BOM을 사용하면 자바스크립트가 브라우저와 대화할 수 있습니다.

window 객체

window객체는 브라우저에서 창을 나타냅니다.
모든 전역 변수, 함수는 자동으로 window 객체의 멤버가 됩니다.
전역 변수는 window객체의 속성입니다.
전역 함수는 window객체의 메서드입니다.
HTML DOM 객체도 window 객체의 속성입니다.

• 창 크기 및 위치 관련 속성

  속성	설명
  innerHeight	윈도우의 컨테츠 영역 높이
  innerWidth	윈도우의 컨테츠 영역 폭
  outerHeight	도구모음과 스크롤막데를 포함한 창의 바깥쪽 높이
  outerWidth	도구모음과 스크롤막데를 포함한 창의 바깥쪽 폭
  pageXOffset 또는 scrollX	문서가 수평으로 스크롤된 x좌표 반환
  pageYOffset 또는 scrollY	문서가 수직으로 스크롤된 y좌표 반환
  screenX 또는 screenLeft	화면을 기준으로 윈도우의 x 좌표를 반환 (screenLetf는 파이어폭스에서 지원되지않음)
  screenY 또는 screenTop	화면을 기준으로 윈도우의 y 좌표를 반환 (screenTop은 파이어폭스에서 지원되지않음)

  

  프레임 관련 속성

  속성	설명
  frameElement	현재 창이 삽입된<iframe> 요소를 반환합니다.
  frames	현재 창의 모든<iframe> 요소를 반환합니다.
  length	현제 창의 <iframe> 요소가 개수 반환
  parent	현제 창의 상위 창을 반환
  self	현제 창을 반환
  top	최상위 창을 반환

• 대화상자

  메서드	설명
  alert("메시지 내용")	알림 창 : 확인 버튼을 갖고 있는 메시지 창을 띄운다.
  반환값 = confirm("메시지 내용")	확인 창 : 확인, 취소 2개의 버튼을 갖고 있는 메시지 창을 띄운다. 사용자에게 질의 하여 선택하도록 한다. 확인: true 반환, 취소 : false 반환
  반환값 = prompt("메시지 내용", 기본값)	사용자로 부터 키보드로 데이터를 입력받을때 사용한다.

• base-64 인코딩/디코딩

  메서드	설명
  atob()	base-64 인코딩된 문자를 디코딩한다
  btoa()	문자를 base-64 인코딩 합니다.

• window 및 팝업창 관련

  속성	설명
  closed	원도우가 닫혀있는지 확인, 닫혓다면 true
  name	창의 name을 설정하거나 반환합니다.
  opener	부모창에 대한 참조를 반환

  메서드	설명
  open()	새 창을 엽니다
  close()	현제 창을 닫습니다.
  blur()	창이 focus를 잃습니다.
  focus()	현제 창에 focus를 설정 합니다.
  moveBy()	현제 윈도우를 기준으로 윈도우 위치를 이동
  moveTo()	창을 지정된 위치로 이동
  resizeBy()	현제창을 기준으로 창의 크기를 조정합니다.
  resizeTo()	지정된 크기로 창의 크기를 조정합니다.
  scrollBy()	현제 스크롤 위치에서 지정된 크기 만큼 스크롤 합니다.
  scrollTo()	지정된 위치로 문서를 스크롤 합니다.
  stop()	창 로드를 중지합니다.

• 타이머

  메서드	설명
  setTimeout()	지정된 시간 후에 한번만 실행합니다.
  clearTimeout()	setTimeout()으로 설정된 타이머를 지웁니다.
  setInterval()	지정된 시간 마다 반복하여 실행합니다.
  clearInterval()	setInterval()으로 설정된 타이머를 지웁니다.

• CSS 관련 메서드

  메서드	설명
  getComputedStyle()	현재 요소에 계산되어 적용되는 CSS스타일(CSSStyleDeclaration) 객체를 반환합니다.
  matchMedia()	지정된 CSS 미디어 쿼리 문자열을 나타내는 MediaQueryList 개체를 반환합니다.

  CSSStyleDeclaration 객체는 CSS 속성이름 : 값 쌍의 컬렉션입니다.

• 기타 메서드

  메서드	설명
  getSelection()	사용자가 선택한 텍스트 범위를 나타내는 Selection 객체를 반환
  print()	창의 내용을 인쇄