Đối tượng Screen trong JavaScript
Screen trong Javascript với đối tượng Window Screen chứa thông tin màn hình của trình duyệt người dùng. Để tìm hiểu rõ hơn về Đối tượng Screen trong JavaScript, mời bạn đọc tham khảo bài viết dưới đây của eLib
Mục lục nội dung
1. Đối tượng screen trong JavaScript
Đố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
2. 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.
| STT | 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. |
3. 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ả:
Trên đây là bài viết của eLib.VN về Đối tượng Screen trong JavaScript. Khi thiết kế một trang web lúc xử lý hình ảnh chắc chắn chúng ta phải đặt kích thước cho hình ảnh. Vì vậy đối tượng Screen trong JavaScript rất cần thiết. Bạn đọc cần lưu ý để dễ dàng hơn trong quá trình lập trình sau này.
Tham khảo thêm
- doc Đối tượng Browser trong JavaScript
- doc Đối tượng window trong JavaScript
- doc Đối tượng History trong JavaScript
- doc Đối tượng Navigator trong JavaScript
- doc Cookie trong JavaScript
