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 tượng window.screen
có thể được viết mà không cần tiền tố cửa sổ.
Của cải:
-
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 tính screen.width
trả về chiều rộng màn hình của khách truy cập tính bằng pixel.
Ví dụ
Hiển thị chiều rộng của màn hình bằng pixel:
document.getElementById("demo").innerHTML =
"Screen Width: " + screen.width;
Kết quả sẽ là:
Chiều cao màn hình cửa sổ
Thuộc tính screen.height
trả về chiều cao màn hình của khách truy cập tính bằng pixel.
Ví dụ
Hiển thị chiều cao của màn hình bằng pixel:
document.getElementById("demo").innerHTML =
"Screen Height: " + screen.height;
Kết quả sẽ là:
Chiều rộng màn hình cửa sổ có sẵn
Thuộc tính screen.availWidth
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.
Ví dụ
Hiển thị chiều rộng có sẵn của màn hình bằng pixel:
document.getElementById("demo").innerHTML =
"Available Screen Width: " + screen.availWidth;
Kết quả sẽ là:
Chiều cao sẵn có của màn hình cửa sổ
Thuộc tính screen.availHeight
trả về chiều cao 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.
Ví dụ
Hiển thị chiều cao có sẵn của màn hình bằng pixel:
document.getElementById("demo").innerHTML =
"Available Screen Height: " + screen.availHeight;
Kết quả sẽ là:
Độ sâu màu màn hình cửa sổ
Thuộc tính screen.colorDepth
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 "Màu sắc thật" khác nhau
- 32 bit = 4.294.967.296 "Màu đậm" khác nhau
Các máy tính cũ hơn sử dụng 16 bit: độ phân giải "Màu sắc cao" khác nhau là 65.536.
Máy tính rất cũ và điện thoại di động cũ sử dụng 8 bit: 256 "màu VGA" khác nhau.
Ví dụ
Hiển thị độ sâu màu của màn hình theo bit:
document.getElementById("demo").innerHTML =
"Screen Color Depth: " + screen.colorDepth;
Kết quả sẽ là:
Các giá trị #rrggbb (rgb) được sử dụng trong HTML đại diện cho "Màu sắc thật" (16.777.216 màu khác nhau)
Độ sâu pixel màn hình cửa sổ
Thuộc tính screen.pixelDepth
trả về độ sâu pixel của màn hình.
Ví 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à:
Đối với máy tính hiện đại, Độ sâu màu và Độ sâu pixel bằng nhau.