Đối tượng screen trong JavaScript chứa thông tin của màn hình trình duyệt. Nó có thể được sử dụng để hiển thị chiều rộng màn hình, chiều cao, colorDepth, pixelDepth, v.v.
Đối tượng screen là thuộc tính của đối tượng window, vì vậy nó có thể được truy cập bằng cách:
window.screen
Hoặc:
screen
Các thuộc tính của đối tượng screen trong JavaScript
Bảng dưới đây mô tả thuộc tính của đối tượng screen.
| No. | Thuộc tính | Mô tả |
|---|---|---|
| 1 | width | Trả về tổng chiều rộng của màn hình. |
| 2 | height | Trả về tổng chiều cao của màn hình. |
| 3 | availWidth | Trả về chiều rộng của màn hình (không bao gồm thanh tác vụ Windows). |
| 4 | availHeight | Trả về chiều cao của màn hình (không bao gồm thanh tác vụ Windows). |
| 5 | colorDepth | Trả về độ sâu bit của bảng màu để hiển thị hình ảnh. |
| 6 | pixelDepth | Trả về độ phân giải màu (tính bằng bit trên mỗi pixel) của màn hình. |
Ví dụ về đối tượng screen
Hãy xem cách sử dụng khác nhau của đối tượng screen:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Vi du doi tuong screen trong JavaScript</title>
</head>
<body>
<h2> Thông tin mà hình của bạn: </h2>
<script>
document.writeln("screen.width: " + screen.width);
document.writeln("<br>screen.height: " + screen.height);
document.writeln("<br>screen.availWidth: " + screen.availWidth);
document.writeln("<br>screen.availHeight: " + screen.availHeight);
document.writeln("<br>screen.colorDepth: " + screen.colorDepth);
document.writeln("<br>screen.pixelDepth: " + screen.pixelDepth);
</script>
</body>
</html>
Kết quả: