[Screen] JS - height 속성 ★ - 객체 높이 ※ screen.height: 화면 높이 (※ 작업표시줄 포함)

height 예제

 

<button onclick="homzzang()">클릭</button>

<p id="demo"></p>

<script>

function homzzang() {

  var x = "전체 height : " + screen.height + "px";

  document.getElementById("demo").innerHTML = x;

}

</script>

 

결과보기

height 정의

 

Windows 작업표시줄과 같은 인터페이스 기능 포함 사용자 화면의 전체 높이를 픽셀 단위로 반환

 

---

 

1.

width 속성

Windows 작업표시줄 포함한 화면전체너비

2.
모든 브라우저 지원

 

height 구문

 

screen.height

 

height 예제 - 사용자 스크린 정보

 

<h3>당신의 Screen 정보 (홈짱닷컴 Homzzang.com 제공)</h3>

<div id="demo"></div>

<script>

var txt = "";

txt += "<p>전체 width: " + screen.width + "</p>";

txt += "<p>전체 height: " + screen.height + "</p>";

txt += "<p>availWidth (= 작업표시줄 제외 너비): " + screen.availWidth + "</p>";

txt += "<p>availHeight (= 작업표시줄 제외 높이): " + screen.availHeight + "</p>";

txt += "<p>colorDepth (Color depth) : " + screen.colorDepth + "</p>";

txt += "<p>pixelDepth (Color resolution) : " + screen.pixelDepth + "</p>";

document.getElementById("demo").innerHTML = txt;

</script>

 

결과보기