JavaScript Window Screen

Mục window.screen chứa thông tin màn hình của người dùng.

Màn hình Window

window.screen Mục đối tượng có thể được viết mà không có tiền tố window:

Thuộc tính:

  • screen.width
  • screen.height
  • screen.availWidth
  • screen.availHeight
  • screen.colorDepth
  • screen.pixelDepth

Chiều rộng màn hình Window

screen.width Thuộc tính trả về chiều rộng màn hình của người truy cập tính theo pixel.

Mẫu

Hiển thị chiều rộng màn hình tính theo pixel:

document.getElementById("demo").innerHTML = "Chiều rộng màn hình: " + screen.width;

Kết quả sẽ là:




Thử trực tiếp






Chiều cao màn hình Window


screen.height Thuộc tính trả về chiều cao màn hình của người truy cập tính theo pixel.


Mẫu


Hiển thị chiều cao màn hình tính theo pixel:


document.getElementById("demo").innerHTML = "Chiều cao màn hình: " + screen.height;



Kết quả sẽ là:





Thử trực tiếp






Chiều rộng màn hình khả dụng Window


screen.availWidth Thuộc tính trả về chiều rộng màn hình của người truy cập tính theo pixel, trừ đi các đặc điểm giao diện như thanh công cụ cửa sổ.


Mẫu


Hiển thị chiều rộng màn hình khả dụng tính theo pixel:


document.getElementById("demo").innerHTML = "Chiều rộng màn hình khả dụng: " + screen.availWidth;



Kết quả sẽ là:





Thử trực tiếp






Chiều cao màn hình khả dụng Window


screen.availHeight Thuộc tính trả về chiều cao màn hình của người truy cập tính theo pixel, trừ đi các đặc điểm giao diện như thanh công cụ cửa sổ.


Mẫu


Hiển thị chiều cao màn hình khả dụng tính theo pixel:


document.getElementById("demo").innerHTML = "Chiều cao màn hình khả dụng: " + screen.availHeight;



Kết quả sẽ là:





Thử trực tiếp






Màu sâu màn hình Window


screen.colorDepth Thuộc 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 giải màu phần cứng 24 bit hoặc 32 bit:


    

  • 24 bits = 16,777,216 màu "True Colors" khác nhau
    • 

  • 32 bits = 4,294,967,296 màu "Deep Colors" khác nhau
    • 



Máy tính cũ hơn sử dụng 14 bit: 65,536 màu "High Colors" khác nhau với độ phân giải.


Máy tính cổ xưa và điện thoại cũ sử dụng 8 bit: 256 màu "VGA colors" khác nhau.


Mẫu


Hiển thị độ sâu màu màn hình theo bit:


document.getElementById("demo").innerHTML = "Screen Color Depth: " + screen.colorDepth;



Kết quả sẽ là:





Thử trực tiếp


Giá trị #rrggbb (rgb) sử dụng trong HTML đại diện cho "True Colors" (16,777,216 màu khác nhau).






Độ sâu pixel Màn hình Window


screen.pixelDepth Thuộc tính trả về độ sâu pixel của màn hình.


Mẫu


Hiển thị độ sâu pixel màn hình theo bit:


document.getElementById("demo").innerHTML = "Screen Pixel Depth: " + screen.pixelDepth;



Kết quả sẽ là:





Thử trực tiếp


Đối với máy tính hiện đại, độ sâu màu và độ sâu pixel là bằng nhau.