11/08/2018, 19:01

Đối tượng Screen trong JavaScript

Đối tượng Navigator 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ó ...

Đối tượng Navigator 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

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ínhMô tả
1awidthTrả về tổng chiều rộng của màn hình.
2heightTrả về tổng chiều cao của màn hình.
3availWidthTrả về chiều rộng của màn hình (không bao gồm thanh tác vụ Windows).
4availHeightTrả về chiều cao của màn hình (không bao gồm thanh tác vụ Windows).
5colorDepthTrả về độ sâu bit của bảng màu để hiển thị hình ảnh.
6pixelDepthTrả 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.awidth: " + screen.awidth);
        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ả:

Đối tượng Navigator trong JavaScript
0