Objek window.screen berisi informasi tentang layar pengguna.
Window Screen
The window.screen objek dapat ditulis tanpa jendela awalan.
properti:
- screen.width
- screen.height
- screen.availWidth
- screen.availHeight
- screen.colorDepth
- screen.pixelDepth
Window Screen Width
The screen.width properti mengembalikan lebar layar pengunjung dalam piksel.
Contoh
Menampilkan lebar layar dalam piksel:
document.getElementById("demo").innerHTML =
"Screen Width: " + screen.width;
Hasil akan:
Screen Width: 1600
Cobalah sendiri " Window Screen Height
The screen.height properti mengembalikan ketinggian layar pengunjung dalam piksel.
Contoh
Menampilkan ketinggian layar dalam piksel:
document.getElementById("demo").innerHTML =
"Screen Height: " + screen.height;
Hasil akan:
Screen Height: 900
Cobalah sendiri " Window Screen Lebar Tersedia
The screen.availWidth properti mengembalikan lebar layar pengunjung, dalam pixel, dikurangi antarmuka fitur seperti Windows Taskbar.
Contoh
Menampilkan lebar yang tersedia dari layar dalam piksel:
document.getElementById("demo").innerHTML =
"Available Screen Width: " + screen.availWidth;
Hasil akan:
Available Screen Width: 1600
Cobalah sendiri " Window Screen Tersedia Tinggi
The screen.availHeight properti mengembalikan ketinggian layar pengunjung, dalam pixel, dikurangi antarmuka fitur seperti Windows Taskbar.
Contoh
Menampilkan ketinggian yang tersedia dari layar dalam piksel:
document.getElementById("demo").innerHTML =
"Available Screen Height: " + screen.availHeight;
Hasil akan:
Available Screen Height: 860
Cobalah sendiri " Window Screen Kedalaman Warna
The screen.colorDepth properti mengembalikan jumlah bit yang digunakan untuk menampilkan satu warna.
Semua komputer modern menggunakan 24 bit atau 32 bit hardware untuk resolusi warna:
- 24 bit = 16.777.216 berbeda "True Colors"
- 32 bit = 4294967296 berbeda "Jauh Warna"
komputer lama digunakan 16 bit: 65.536 yang berbeda "Tinggi Colors" resolusi.
komputer sangat tua, dan ponsel lama digunakan 8 bit: 256 yang berbeda "VGA warna".
Contoh
Menampilkan kedalaman warna layar dalam bit:
document.getElementById("demo").innerHTML =
"Screen Color Depth: " + screen.colorDepth;
Hasil akan:
Screen Color Depth: 24
Cobalah sendiri " The #rrggbb (rgb) nilai-nilai yang digunakan dalam HTML merupakan "True Colors" ( 16,777,216 warna yang berbeda)
Window Screen Pixel Depth
The screen.pixelDepth properti mengembalikan kedalaman pixel layar.
Contoh
Menampilkan kedalaman pixel layar dalam bit:
document.getElementById("demo").innerHTML =
"Screen Pixel Depth: " + screen.pixelDepth;
Hasil akan:
Screen Pixel Depth: 24
Cobalah sendiri " Untuk komputer modern, Color Depth dan Pixel Depth adalah sama.