브라우저 객체 모델 (BOM)은 자바 스크립트가 브라우저 "대화"할 수 있습니다.
브라우저 객체 모델 (BOM)
브라우저 객체 모델 (BOM)에 대한 공식적인 기준이 없습니다.
최신 브라우저 구현했기 때문에 (거의) 자바 스크립트의 상호 작용에 대해 동일한 방법과 속성, 그것은 종종 방법 및 BOM의 속성으로,라고합니다.
Window 개체
window 개체는 모든 브라우저에서 지원됩니다. 이 브라우저의 창을 나타냅니다.
모든 글로벌 자바 스크립트 객체, 함수, 변수는 자동으로 창 개체의 구성원이됩니다.
글로벌 변수는 window 객체의 속성입니다.
전역 함수는 window 객체의 메서드입니다.
(는 HTML DOM의) 심지어 문서 객체는 window 객체의 속성입니다 :
window.document.getElementById("header");
와 같다:
document.getElementById("header");
창 크기
두 특성은 브라우저 윈도우의 크기를 결정하는데 사용될 수있다.
두 속성은 픽셀 크기를 반환 :
- window.innerHeight - (픽셀)를 브라우저 창 내부 높이
- window.innerWidth - (픽셀)를 브라우저 창 내폭
브라우저 창 (브라우저 뷰포트) 도구 모음과 스크롤바를 포함되지 않습니다.
인터넷 익스플로러 8, 7, 6, 5 :
- document.documentElement.clientHeight
- document.documentElement.clientWidth
- or
- document.body.clientHeight
- document.body.clientWidth
실용적인 자바 스크립트 솔루션 (모든 브라우저를 취재) :
예
var w = window.innerWidth
|| document.documentElement.clientWidth
||
document.body.clientWidth;
var h = window.innerHeight
||
document.documentElement.clientHeight
|| document.body.clientHeight; »그것을 자신을 시도 이 예제는 브라우저 윈도우의 높이와 너비가 표시됩니다 (도구 모음 / 스크롤바를 포함하지 않음)
다른 Window 방법
일부 다른 방법 :
- window.open() - 새로운 창을 엽니 다
- window.close() - 현재 창을 닫습니다
- window.moveTo() 현재 창을 이렇게 움직여
- window.resizeTo() 현재 창을 -resize