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

Làm cách nào để có được chiều cao khả dụng và chiều rộng khả dụng của màn hình trong JavaScript?


window.screen đối tượng đã cung cấp nhiều tính năng để lấy thông tin liên quan đến màn hình trình duyệt. Nó đã cung cấp screen.availWidth screen.availHeight để có được chiều cao khả dụng chiều rộng khả dụng của màn hình. Hãy thảo luận riêng về chúng.

Chiều rộng khả dụng

Ví dụ

screen.availWidth thuộc tính trả về chiều rộng thực của màn hình của khách truy cập có nghĩa là nó trừ chiều rộng của các tính năng giao diện như Thanh tác vụ Windows. Giá trị kết quả sẽ bằng pixel .

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

Đầu ra

Available screen width is 1366


Chiều cao khả dụng

Ví dụ

screen.availHeight thuộc tính trả về chiều cao thực của màn hình có nghĩa là nó trừ đi các tính năng giao diện như Thanh tác vụ Windows. Giá trị kết quả sẽ bằng pixel .

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

Đầu ra

Available screen height is 728