Màn hình cửa sổ JavaScript
Đối tượng window.screen chứa thông tin về màn hình của người dùng.
Màn hình của giao diện Window
Đối window.screen
tượng có thể được viết mà không có tiền tố cửa sổ.
Tính chất:
screen.width
screen.height
screen.availWidth
screen.availHeight
screen.colorDepth
screen.pixelDepth
Chiều rộng màn hình cửa sổ
Thuộc screen.width
tính trả về chiều rộng màn hình của khách truy cập tính bằng pixel.
Thí dụ
Hiển thị chiều rộng của màn hình theo pixel:
document.getElementById("demo").innerHTML =
"Screen Width: " + screen.width;
Kết quả sẽ là:
Screen Width: 1920
Chiều cao màn hình cửa sổ
Thuộc screen.height
tính trả về chiều cao của màn hình của khách truy cập tính bằng pixel.
Thí dụ
Hiển thị chiều cao của màn hình theo pixel:
document.getElementById("demo").innerHTML =
"Screen Height: " + screen.height;
Kết quả sẽ là:
Screen Height: 10000
Chiều rộng có sẵn của màn hình cửa sổ
Thuộc screen.availWidth
tính trả về chiều rộng màn hình của khách truy cập, tính bằng pixel, trừ các tính năng giao diện như Thanh tác vụ Windows.
Thí dụ
Hiển thị chiều rộng có sẵn của màn hình theo pixel:
document.getElementById("demo").innerHTML =
"Available Screen Width: " + screen.availWidth;
Kết quả sẽ là:
Available Screen Width: 1920
Chiều cao có sẵn của màn hình cửa sổ
Thuộc screen.availHeight
tính trả về chiều cao của màn hình của khách truy cập, tính bằng pixel, trừ các tính năng giao diện như Thanh tác vụ Windows.
Thí dụ
Hiển thị chiều cao có sẵn của màn hình theo pixel:
document.getElementById("demo").innerHTML =
"Available Screen Height: " + screen.availHeight;
Kết quả sẽ là:
Available Screen Height: 10000
Độ sâu màu màn hình cửa sổ
Thuộc screen.colorDepth
tính trả về số bit được sử dụng để hiển thị một màu.
Tất cả các máy tính hiện đại đều sử dụng phần cứng 24 bit hoặc 32 bit cho độ phân giải màu:
- 24 bit = 16,777,216 "True Colors" khác nhau
- 32 bit = 4,294,967,296 "Màu sâu" khác nhau
Máy tính cũ sử dụng 16 bit: 65.536 độ phân giải "Màu cao" khác nhau.
Máy tính rất cũ và điện thoại di động cũ được sử dụng 8 bit: 256 "màu VGA" khác nhau.
Thí dụ
Hiển thị độ sâu màu của màn hình theo từng bit:
document.getElementById("demo").innerHTML =
"Screen Color Depth: " + screen.colorDepth;
Kết quả sẽ là:
Screen Color Depth: 24
Các giá trị #rrggbb (rgb) được sử dụng trong HTML đại diện cho "True Colors" (16.777.216 màu khác nhau)
Độ sâu điểm ảnh màn hình cửa sổ
Thuộc screen.pixelDepth
tính trả về độ sâu pixel của màn hình.
Thí dụ
Hiển thị độ sâu pixel của màn hình theo bit:
document.getElementById("demo").innerHTML =
"Screen Pixel Depth: " + screen.pixelDepth;
Kết quả sẽ là:
Screen Pixel Depth: 24
Đối với máy tính hiện đại, Độ sâu màu và Độ sâu điểm ảnh bằng nhau.