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>
결과보기