Computer >> 컴퓨터 >  >> 프로그램 작성 >> JavaScript

JavaScript에서 화면의 사용 가능한 높이와 사용 가능한 너비를 얻는 방법은 무엇입니까?


window.screen 객체는 브라우저 화면에 관한 정보를 얻기 위해 많은 기능을 제공했습니다. screen.availWidth를 제공했습니다. 및 screen.availHeight 사용 가능한 높이를 얻으려면 및 사용 가능한 너비 화면의. 개별적으로 논의합시다.

사용 가능한 너비

예시

screen.availWidth 속성은 Windows 작업 표시줄과 같은 인터페이스 기능의 너비를 뺀 방문자 화면의 실제 너비를 반환합니다. 결과 값은 픽셀입니다. .

<html>
<body>
<p id="width"></p>
<script>
   document.getElementById("Width").innerHTML =
   "Available screen width is " + screen.availWidth;
</script>
</body>
</html>

출력

Available screen width is 1366


사용 가능한 높이

예시

screen.availHeight 속성은 Windows 작업 표시줄과 같은 인터페이스 기능을 뺀 화면의 실제 높이를 반환합니다. 결과 값은 픽셀입니다. .

<html>
<body>
<p id="height"></p>
<script>
   document.getElementById("height").innerHTML =
   "Available screen width is " + screen.availHeight;
</script>
</body>
</html>

출력

Available screen height is 728