• 회원가입
  • 로그인
  • 구글아이디로 로그인

[Screen] JS - availHeight 속성 ★ - 화면높이 (※ 작업표시줄 제외)

availHeight 예제

 

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


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


<script>

function homzzang() {

  var x = "availHeight: " + screen.availHeight + "px";

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

}

</script>

 

결과보기

 

 

availHeight 정의

 

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

 


 

1.

availWidth 속성

Windows 작업표시줄 제외한 화면너비

2.
모든 브라우저 지원

 

 

 

availHeight 구문

 

screen.availHeight

 

 

 

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

 

<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>

 

결과보기

 

방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

분류 제목
Screen JS - Screen 객체 - 스크린객체 속성종류
Screen JS - availHeight 속성 ★ - 화면높이 (※ 작업표시줄 제외)
Screen JS - availWidth 속성 ★ - 화면너비 (※ 작업표시줄 제외)
Screen JS - colorDepth 속성 - 이미지 표시 위한 색상표 비트 심도를 픽셀 단위로 반환
Screen JS - height 속성 ★ - 객체 높이 ※ screen.height: 화면 높이 (※ 작업표시줄 포함)
Screen JS - pixelDepth 속성 - 방문자 화면의 색상해상도 (= 픽셀 당 비트 수) 반환 (IE10 이상…
Screen JS - screen.width 속성 ★ - 스크린너비 (= 화면너비 = screen.width속성 = 스크…
목록
찾아주셔서 감사합니다. Since 2012