자바스크립트 Window – The Browser Object Model

자바스크립트는 Browser Object Model(BOM)로 브라우저와 “대화(talk to)”할 수 있습니다.


Browser Object Model (BOM)

Browser Object Model (BOM)에 대한 공식적인 표준(official standards)은 없습니다.

최신 브라우저는 자바스크립트 상호작용(interactivity)에 대해 (거의) 동일한 메소드와 속성(methods and properties)을 구현했기 때문에, 이것은 자주 BOM의 메소드 및 속성으로 언급됩니다.


Window 객체(Object)

window 객체는 모든 브라우저에서 지원됩니다. 이것은 브라우저 창(window)입니다.

모든 전역(global) 자바스크립트 객체, 함수 및 변수는 자동으로 윈도우 객체가 됩니다.

전역 변수(Global variables)는 윈도우 객체의 속성(properties)입니다.

전역 함수(Global functions)는 윈도우 객체의 메소드(methods)입니다.

심지어 (HTML DOM의) 문서(document) 객체도 윈도우 객체의 속성(property)입니다:

위 코드는 다음 코드와 동일합니다:


창 크기(Window Size)

두 속성을 사용하여 브라우저 창의 크기를 결정할 수 있습니다.

두 속성 모두 크기를 픽셀(pixels) 단위로 반환합니다:

  • window.innerHeight – 브라우저 윈도우의 안쪽 높이 (in pixels)
  • window.innerWidth – 브라우저 윈도우의 내부 폭 (in pixels)

Internet Explorer 8, 7, 6, 5에서는:

  • document.documentElement.clientHeight
  • document.documentElement.clientWidth
  • 또는
  • document.body.clientHeight
  • document.body.clientWidth

실용적인 자바스크립트 솔루션 (모든 브라우저에서 작동):

Example

이 예제는 브라우저 창(window)의 높이와 너비를 표시합니다: (툴바/스크롤바는 포함하지 않음)


기타 Window 메소드

다른 메소드:

  • window.open() – 새 창 열기
  • window.close() – 현재 창 닫기
  • window.moveTo() – 현재 창 이동
  • window.resizeTo() – 현재 창 크기 조정

출처: JavaScript Window – The Browser Object Model

댓글 남기기