Table des matières
Le Tutoriel de Javascript Screen
View more Tutorials:


Lorsque votre navigateur s'exécute sur un ordinateur windows.screen. C'est l'objet qui représente l'écran de l'ordinateur. Lorsque votre navigateur s'exécute sur un téléphone window.screen, c'est l'objet qui représente l'écran du téléphone.....
Les propriétés (property) de window.screen :
- screen.width
- screen.height
- screen.availWidth
- screen.availHeight
- screen.colorDepth
- screen.pixelDepth
Propriété | Description |
screen.width | Largeur de l'écran en pixel. |
screen.height | Hauteur de l'écran en pixel. |
screen.availWidth | Largeur de l'écran en pixel, moins l'espace des fonctions d'interface (interface features), par exemple, barre des tâches (Taskbar). |
screen.availHeight | Hauteur de l'écran en pixel, moins l'espace des fonctions d'interface (interface features), par exemple, barre des tâches (Taskbar). |
screen.colorDepth | Renvoie le nombre de bits utilisés pour afficher une couleur (color). |
screen.pixelDepth | Renvoie le nombre de pixel depth (bit depth) de l'écran. |
Un écran d'ordinateur utilisant le système d'exploitation Windows 7 :

Un écran d'ordinateur utilisant le système d'exploitation Ubuntu :

Par exemple :
screen-example.html
<!DOCTYPE html>
<html>
<head>
<title>Screen Example</title>
<meta charset="UTF-8">
</head>
<body>
<h1>window.screen</h1>
<button onClick="showInfos()">Show Infos</button>
<textarea name="name" style="width:100%;margin-top:10px;"
rows="8" id="log-area"></textarea>
<script>
function showInfos() {
var logArea = document.getElementById("log-area");
logArea.value = "";
logArea.value += "screen.width= " + screen.width +"\n";
logArea.value += "screen.height= " + screen.height +"\n";
logArea.value += "screen.availWidth= " + screen.availWidth +"\n";
logArea.value += "screen.availHeight= " + screen.availHeight +"\n";
logArea.value += "screen.colorDepth= " + screen.colorDepth +"\n";
logArea.value += "screen.pixelDepth= " + screen.pixelDepth +"\n";
}
showInfos();
</script>
</body>
</html>