JavaScript Window Scherm

Het window.screen object bevat informatie over het gebruikersscherm.

Window Screen

window.screen Het object kan ook zonder window-prefix worden geschreven：

Eigenschap：

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

Window Screen breedte

screen.width Eigenschap retourneert de breedte van het scherm van de bezoeker in pixels.

Voorbeeld

Toont de schermbreedte in pixels:

document.getElementById("demo").innerHTML = "Schermbreedte: " + screen.width;

Het resultaat zal zijn:




Probeer het zelf uit






Window Screen hoogte


screen.height Eigenschap retourneert de hoogte van het scherm van de bezoeker in pixels.


Voorbeeld


Toont de schermhoogte in pixels:


document.getElementById("demo").innerHTML = "Schermhoogte: " + screen.height;



Het resultaat zal zijn:





Probeer het zelf uit






Window Screen beschikbare breedte


screen.availWidth Eigenschap retourneert de breedte van het scherm van de bezoeker in pixels, afgetrokken van de gebruikersinterface zoals de vensterbalk.


Voorbeeld


Toont de beschikbare schermbreedte in pixels:


document.getElementById("demo").innerHTML = "Beschikbare Schermbreedte: " + screen.availWidth;



Het resultaat zal zijn:





Probeer het zelf uit






Window Screen beschikbare hoogte


screen.availHeight Eigenschap retourneert de hoogte van het scherm van de bezoeker in pixels, afgetrokken van de gebruikersinterface zoals de vensterbalk.


Voorbeeld


Toont de beschikbare schermhoogte in pixels:


document.getElementById("demo").innerHTML = "Beschikbare Schermhoogte: " + screen.availHeight;



Het resultaat zal zijn:





Probeer het zelf uit






Window Screen kleurdiepte


screen.colorDepth Eigenschap retourneert het aantal bits gebruikt om een kleur weer te geven.


Alle moderne computers gebruiken 24 of 32 bits hardware色彩resolutie：


    

  • 24 bits = 16,777,216 verschillende "True Colors"
    • 

  • 32 bits = 4,294,967,296 verschillende "Deep Colors"
    • 



Oudere computers gebruiken 14 bits: 65,536 verschillende "High Colors" resoluties.


Oudere computers en oude mobiele telefoons gebruiken 8 bits: 256 verschillende "VGA kleuren".


Voorbeeld


Toon de scherm kleurdiepte in bits:


document.getElementById("demo").innerHTML = "Scherm Kleurdiepte: " + screen.colorDepth;



Het resultaat zal zijn:





Probeer het zelf uit


De waarden #rrggbb (rgb) die in HTML worden gebruikt, vertegenwoordigen "True Colors" (16,777,216 verschillende kleuren).






Venster Scherm Pixel Diepte


screen.pixelDepth Eigenschap retourneert de scherm pixeldiepte.


Voorbeeld


Toon de scherm pixeldiepte in bits:


document.getElementById("demo").innerHTML = "Scherm Pixel Diepte: " + screen.pixelDepth;



Het resultaat zal zijn:





Probeer het zelf uit


Voor moderne computers zijn kleurdiepte en pixeldiepte gelijk.