예
: 윈도우의 높이와 너비를 가져 오기 (NOT including toolbars/scrollbars) :
var w = window.innerWidth;
var h = window.innerHeight;
»그것을 자신을 시도 더 "Try it Yourself" 아래의 예.
정의 및 사용
innerWidth 속성은 윈도우의 컨텐츠 영역의 내부 폭을 돌려줍니다.
innerHeight 속성은 윈도우의 컨텐츠 영역의 내부 높이를 반환합니다.
이러한 속성은 읽기 전용입니다.
팁 : 사용 outerWidth 및 outerHeight 도구 모음 / 스크롤바와 너비 / 높이를 얻을 수 속성을.
브라우저 지원
테이블의 숫자는 완전히 속성을 지원하는 최초의 브라우저 버전을 지정합니다.
| 재산 | |||||
|---|---|---|---|---|---|
| innerWidth | 1.0 | 9.0 | 1.0 | 3.0 | 9.0 |
| innerHeight | 1.0 | 9.0 | 1.0 | 3.0 | 9.0 |
Note: IE8 들어 및 이전 버전은 사용할 수 clientWidth 와 clientHeight 속성을 (See "More Examples" below) .
통사론
window.innerWidth
window.innerHeight기술적 세부 사항
| 반환 값 : | 픽셀 내폭 및 / 또는 브라우저 윈도우의 콘텐츠 영역의 내부 높이를 나타내는 숫자 |
|---|
더 예
예
(clientWidth와 IE8에 대한 clientHeight 및 이전 버전을 사용) 크로스 브라우저 솔루션 :
var w = window.innerWidth
|| document.documentElement.clientWidth
||
document.body.clientWidth;
var h = window.innerHeight
||
document.documentElement.clientHeight
|| document.body.clientHeight; »그것을 자신을 시도 예
하나의 예에서 innerWidth, innerHeight, outerWidth 및 outerHeight의 데모 :
var txt = "";
txt += "<p>innerWidth: " + window.innerWidth + "</p>";
txt +=
"<p>innerHeight: " + window.innerHeight + "</p>";
txt += "<p>outerWidth: " + window.outerWidth + "</p>";
txt += "<p>outerHeight:
" + window.outerHeight + "</p>"; »그것을 자신을 시도 <창 개체