Langage JavaScriptObjet Screen
L'objet JavaScript Screen
Les propriétés de l'objet screen- screen.height : retourne la hauteur de l'écran
- screen.width : retourne la largeur de l'écran
- screen.availHeight : hauteur disponible. Tandis que height retournera par exemple 768, availHeight ne retournera que 712, parce qu'une barre de tâches occupe 56 pixels de haut.
- screen.availWidth : largeur disponible
- screen.colorDepth : Nombre de bit par couleurs (intensité de couleurs). Sauvegarde le nombre de bits qu'utilise l'écran de l'utilisateur pour la représentation d'une couleur à chaque point pixel de l'écran. Une valeur de 16 signifie par exemple que l'écran peut représenter 2 puissance 16 donc 65536 couleurs.
- screen.pixelDepth : résolution des couleurs
Exemple d'utilisation avec les propriétés width et height
Propriétés qui retourne la largeur et la hauteur de l'écran
<script type="text/javascript">
document.write("Vous utilisez une résolution d'écran de " + screen.width + " sur " + screen.height);
</script>
Résultat:
Propriétés qui retourne la largeur et la hauteur de l'écran
<script type="text/javascript">
document.write("Vous utilisez une résolution d'écran de " + screen.width + " sur " + screen.height);
</script>
Résultat:
Exemple d'utilisation avec la propriété colorDepth
Propriété qui retourne le nombre de bit par couleurs qu'utilise l'écran
<script type="text/javascript">
document.write("Votre écran utilise " + screen.colorDepth + " bits par couleur, soit " + Math.pow(2,screen.colorDepth) + " couleurs");
</script>
Résultat:
Note sur ce résultat: Avec Math.pow(2,screen.colorDepth), la valeur sauvegardée dans screen.colorDepth est utilisée comme exposant sur la base 2. Le résultat est donc 2 puissance screen.colorDepth.
Propriété qui retourne le nombre de bit par couleurs qu'utilise l'écran
<script type="text/javascript">
document.write("Votre écran utilise " + screen.colorDepth + " bits par couleur, soit " + Math.pow(2,screen.colorDepth) + " couleurs");
</script>
Résultat:
Note sur ce résultat: Avec Math.pow(2,screen.colorDepth), la valeur sauvegardée dans screen.colorDepth est utilisée comme exposant sur la base 2. Le résultat est donc 2 puissance screen.colorDepth.
Un div en positon absolue en bas de l'écran
<script type="text/javascript">
mavar = screen.availHeight - 100;
document.write('<div style="position:absolute;left:10px;top:'+mavar+'px;">Coucou</div>');
</script>
<script type="text/javascript">
mavar = screen.availHeight - 100;
document.write('<div style="position:absolute;left:10px;top:'+mavar+'px;">Coucou</div>');
</script>
