Computer >> Máy Tính >  >> Lập trình >> Javascript

Làm cách nào để tìm chiều cao bên trong và chiều rộng bên trong của cửa sổ trình duyệt trong JavaScript?

Javascript cửa sổ đối tượng chỉ đại diện cho cửa sổ trình duyệt. Phương pháp này được hỗ trợ bởi tất cả các trình duyệt. Để có được chiều cao bên trong chiều rộng bên trong phương pháp này đã cung cấp một số thuộc tính như window.innerHeight window.innerwidth tương ứng. Sử dụng các thuộc tính này, có thể dễ dàng tìm thấy chiều cao và chiều rộng của cửa sổ trình duyệt. Hãy thảo luận riêng về chúng.

Chiều rộng bên trong

Trong ví dụ sau, sử dụng thuộc tính window.innerWidth , chiều rộng bên trong của cửa sổ trình duyệt được tìm ra và kết quả được hiển thị trong đầu ra. Nó cho kết quả bằng pixel.

Ví dụ

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

Đầu ra

Browser inner window width: 598


Chiều cao bên trong

Trong ví dụ sau, sử dụng thuộc tính window.innerheight, chiều cao bên trong của cửa sổ trình duyệt được tìm ra và kết quả được hiển thị trong đầu ra. Nó cho kết quả bằng pixel.

Ví dụ

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

Đầu ra

Browser inner window height: 477;