JavaScript -vensterscherm
Het window.screen-object bevat informatie over het scherm van de gebruiker.
Raamscherm
Het window.screen
object kan worden geschreven zonder het venstervoorvoegsel.
Eigenschappen:
screen.width
screen.height
screen.availWidth
screen.availHeight
screen.colorDepth
screen.pixelDepth
Breedte vensterscherm
De screen.width
eigenschap retourneert de breedte van het scherm van de bezoeker in pixels.
Voorbeeld
Geef de breedte van het scherm weer in pixels:
document.getElementById("demo").innerHTML =
"Screen Width: " + screen.width;
Resultaat zal zijn:
Screen Width: 1920
Hoogte vensterscherm
De screen.height
eigenschap retourneert de hoogte van het scherm van de bezoeker in pixels.
Voorbeeld
Geef de hoogte van het scherm weer in pixels:
document.getElementById("demo").innerHTML =
"Screen Height: " + screen.height;
Resultaat zal zijn:
Screen Height: 10000
Venster Scherm Beschikbare Breedte
De screen.availWidth
eigenschap retourneert de breedte van het scherm van de bezoeker, in pixels, minus interfacefuncties zoals de Windows-taakbalk.
Voorbeeld
Geef de beschikbare breedte van het scherm weer in pixels:
document.getElementById("demo").innerHTML =
"Available Screen Width: " + screen.availWidth;
Resultaat zal zijn:
Available Screen Width: 1920
Raamscherm Beschikbare hoogte
De screen.availHeight
eigenschap retourneert de hoogte van het scherm van de bezoeker, in pixels, minus interfacefuncties zoals de Windows-taakbalk.
Voorbeeld
Geef de beschikbare hoogte van het scherm weer in pixels:
document.getElementById("demo").innerHTML =
"Available Screen Height: " + screen.availHeight;
Resultaat zal zijn:
Available Screen Height: 10000
Kleurdiepte vensterscherm
De screen.colorDepth
eigenschap retourneert het aantal bits dat wordt gebruikt om één kleur weer te geven.
Alle moderne computers gebruiken 24-bits of 32-bits hardware voor kleurresolutie:
- 24 bits = 16.777.216 verschillende "True Colors"
- 32 bits = 4.294.967.296 verschillende "diepe kleuren"
Oudere computers gebruikten 16 bits: 65.536 verschillende "High Colors"-resolutie.
Zeer oude computers en oude mobiele telefoons gebruikten 8 bits: 256 verschillende "VGA-kleuren".
Voorbeeld
Geef de kleurdiepte van het scherm in bits weer:
document.getElementById("demo").innerHTML =
"Screen Color Depth: " + screen.colorDepth;
Resultaat zal zijn:
Screen Color Depth: 24
De #rrggbb (rgb)-waarden die in HTML worden gebruikt, vertegenwoordigen "True Colors" (16.777.216 verschillende kleuren)
Pixeldiepte vensterscherm
De screen.pixelDepth
eigenschap retourneert de pixeldiepte van het scherm.
Voorbeeld
Geef de pixeldiepte van het scherm in bits weer:
document.getElementById("demo").innerHTML =
"Screen Pixel Depth: " + screen.pixelDepth;
Resultaat zal zijn:
Screen Pixel Depth: 24
Voor moderne computers zijn kleurdiepte en pixeldiepte gelijk.