tutorial pengembangan web terbaru
 

JavaScript Window Screen


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.