목차
- innerHeight 예제 - 윈도우 높이 얻기
- innerHeight 정의
- innerHeight 구문
- innerHeight 예제 - 윈도우 관련 모든 너비/높이
innerHeight 예제 - 윈도우 높이 얻기
<button onclick="homzzang()">클릭</button>
<p id="demo"></p>
<script>
function homzzang() {
var w = window.innerWidth;
var h = window.innerHeight;
var res = "Width: " + w + "<br>Height: " + h;
document.getElementById("demo").innerHTML = res;
}
</script>
결과보기
innerHeight 정의
윈도우 콘텐츠 영역의 높이 반환.
1.
- window 객체에 속함. (생략가능)
- 읽기전용 속성임.
2. cf.
3.
IE9 이상 주요 최신 브라우저 모두 지원.
innerHeight 구문
- window.innerHeight
- innerHeight
[반환값]
브라우저 창 콘텐츠 영역의 내부 높이(px단위)를 나타내는 숫자 반환.
innerHeight 예제 - 윈도우 관련 모든 너비/높이
<div id="demo"></div>
<script>
let text =
"<p>innerWidth: " + window.innerWidth + "</p>" +
"<p>innerHeight: " + window.innerHeight + "</p>" +
"<p>outerWidth: " + window.outerWidth + "</p>" +
"<p>outerHeight: " + window.outerHeight + "</p>";
document.getElementById("demo").innerHTML = text;
</script>
결과보기