JavaScript 창 - 브라우저 개체 모델

JavaScript 창 - 브라우저 개체 모델

BOM(브라우저 개체 모델)은 JavaScript가 브라우저와 "대화"하는 기능을 제공합니다.

브라우저 개체 모델(BOM)

브라우저 개체 모델(BOM) 아직 공식적인 표준은 없습니다.

최신 브라우저가 JavaScript 상호 작용을 위해 (거의) 동일한 메서드 및 속성을 구현했기 때문에 종종 BOM으로 간주되는 메서드 및 속성입니다.

Window Object

모든 브라우저는 window 객체를 지원합니다. 브라우저 창을 나타냅니다.

모든 JavaScript 전역 개체, 함수 및 변수는 자동으로 창 개체의 구성원이 됩니다.

전역 변수는 창 개체의 속성입니다.

전역 함수는 창 개체의 메서드입니다.

HTML DOM의 문서도 창 객체의 속성 중 하나입니다:

window.document.getElementById("header");

다음과 같습니다:

document.getElementById("header");

창 크기

브라우저 창(도구 모음과 스크롤 막대를 제외한 브라우저의 뷰포트)의 크기를 결정하는 세 가지 방법이 있습니다.

Internet Explorer, Chrome, Firefox, Opera 및 Safari의 경우:

window.innerHeight - 브라우저 창의 내부 높이 window.innerWidth - 브라우저 창의 내부 너비

Internet Explorer 8, 7, 6, 5의 경우 :

document.documentElement.clientHeightdocument.documentElement.clientWidth

또는

document.body.clientHeightdocument.body.clientWidth

다른 창 방법

다른 방법:

window.open() - 열림 새 창 window.close() - 현재 창을 닫습니다. window.moveTo() - 현재 창을 이동합니다. window.resizeTo() - 현재 창의 크기를 조정합니다.