JavaScript Window Screen

window.screen-objekti sisältää käyttäjän näytön tiedot.

Windows näyttö

window.screen Objekti voidaan kirjoittaa myös ilman window-prefikoria:

Ominaisuus:

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

Windows näyttö leveys

screen.width Ominaisuus palauttaa kävijän näytön leveyden pikseleinä.

Esimerkki

Näytetään näytön leveys pikseleinä:

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

Tuloksena saadaan:




Kokeile itse






Windows näyttö korkeus


screen.height Ominaisuus palauttaa kävijän näytön korkeuden pikseleinä.


Esimerkki


Näytetään näytön korkeus pikseleinä:


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



Tuloksena saadaan:





Kokeile itse






Windows näyttö saatavilla oleva leveys


screen.availWidth Ominaisuus palauttaa kävijän näytön leveyden pikseleinä, vähennettynä käyttöliittymän ominaisuuksista, kuten ikkunavälineistä.


Esimerkki


Näytetään näytön saatavilla oleva leveys pikseleinä:


document.getElementById("demo").innerHTML = "Available Screen Width: " + screen.availWidth;



Tuloksena saadaan:





Kokeile itse






Windows näyttö saatavilla oleva korkeus


screen.availHeight Ominaisuus palauttaa kävijän näytön korkeuden pikseleinä, vähennettynä käyttöliittymän ominaisuuksista, kuten ikkunavälineistä.


Esimerkki


Näytetään näytön saatavilla oleva korkeus pikseleinä:


document.getElementById("demo").innerHTML = "Available Screen Height: " + screen.availHeight;



Tuloksena saadaan:





Kokeile itse






Windows näyttö värisyvyys


screen.colorDepth Ominaisuus palauttaa väriä esittämiseen käytettävien bittien määrän.


Kaikki nykyaikaiset tietokoneet käyttävät 24 tai 32 bittistä värisävytarkkuutta:


    

  • 24 bittiä = 16,777,216 erilaista "True Colors"-väriä
    • 

  • 32 bittiä = 4,294,967,296 erilaista "Deep Colors"-väriä
    • 



Vanhemmat tietokoneet käyttävät 14 bittiä: 65,536 erilaista "High Colors"-resoluutiota.


Erittäin vanhat tietokoneet ja vanhat puhelimet käyttävät 8 bittiä: 256 erilaista "VGA-väriä".


Esimerkki


Näytetään bittiin laskettu näytön värikerrospituus:


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



Tuloksena saadaan:





Kokeile itse


HTML:ssä käytetyt #rrggbb (rgb) -arvot edustavat "True Colors" (16,777,216:ssa erilaisia värejä).






Ikkunan näytön kuvapistekerrospituus


screen.pixelDepth Ominaisuus palauttaa näytön kuvapistekerrospituuden.


Esimerkki


Näytetään bittiin laskettu näytön kuvapistekerrospituus:


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



Tuloksena saadaan:





Kokeile itse


Nykyisillä tietokoneilla värikerrospituus ja kuvapistekerrospituus ovat yhtä suuria.