JavaScript에서 브라우저 창의 내부 높이와 내부 너비를 찾는 방법은 무엇입니까?

<시간/>

자바스크립트 창 개체는 단순히 브라우저 창을 나타냅니다. 이 방법은 모든 브라우저에서 지원됩니다. 내부 높이를 얻으려면 및 내부 너비 이 메서드는 window.innerHeight와 같은 일부 속성을 제공했습니다. 및 window.innerwidth 각기. 이러한 속성을 사용하면 브라우저 창의 높이와 너비를 쉽게 찾을 수 있습니다. 개별적으로 논의합시다.

내부 너비

다음 예에서 window.innerWidth 속성 사용 , 브라우저 창의 내부 너비 가 발견되고 결과가 출력에 표시됩니다. 결과를 픽셀 단위로 제공합니다.

예시

<html>
<body>
<p id="width"></p>
<script>
   var w = window.innerWidth
   var x = document.getElementById("width");
   x.innerHTML = "Browser inner window width: " + w ;
</script>
</body>
</html>

출력

Browser inner window width: 598

내부 높이

다음 예에서는 window.innerheight 속성을 사용하여 브라우저 창의 내부 높이 가 발견되고 결과가 출력에 표시됩니다. 결과를 픽셀 단위로 제공합니다.

예

<html>
<body>
<p id="height"></p>
<script>
   var h = window.innerHeight
   var x = document.getElementById("height");
   x.innerHTML = "Browser inner window height: " + h ;
</script>
</body>
</html>

출력

Browser inner window height: 477;