Window innerHeight 속성

innerHeight스크롤 바를 포함한 창 내용 영역(viewport)의 높이를 반환하는 읽기 전용 속성입니다。

사용outerHeight속성이 전체 브라우저 창의 높이를 가져옵니다。

문법：

window.innerHeight

예제

var h = window.innerHeight;
var w = window.innerWidth;

테스트 보기‹/›

브라우저 상호 운용성

표에서의 숫자는 innerHeight 속성을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다：

속성
innerHeight	1	1	9	3	9

기술 세부 사항

반환 값：	브라우저 창 내용 영역의 내부 높이를 표시하는 숫자입니다. 단위는 픽셀입니다。

더 많은 예제

onresize 이벤트를 사용하여 높이와 너비를 표시합니다：

예제

<body onresize="myFunc()">
<script>
function myFunc() {
　　　var w = window.innerWidth;
　　　var h = window.innerHeight;
　　　document.getElementById("para").innerHTML = "Width: "　+　w　+　"<br>Height: "　+　h;
}
</script>

테스트 보기‹/›

크로스 브라우저 솔루션(IE에 대해)8와 더 이른 버전에서 clientWidth와 clientHeight를 사용했습니다：

예제

var h = window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;
var w = window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;

테스트 보기‹/›

이 예제는 innerWidth, innerHeight, outerWidth, externalHeight를 하나의 예제에서 보여줍니다:

예제

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>";
document.write(txt);

테스트 보기‹/›

JavaScript 객체

JavaScript 참조 매뉴얼

JS DOM 참조 매뉴얼

Window innerHeight 속성

문법：

브라우저 상호 운용성

기술 세부 사항

더 많은 예제

관련 참조