Maison > Article > interface Web > Comment utiliser l'objet Screen
Comment utiliser l'objet Screen
- 不言original
- 2019-01-29 16:11:113258parcourir
L'objet Screen de Javascript peut obtenir des informations sur l'affichage de l'utilisateur et le nombre de pixels de couleur disponibles, il peut être utilisé pour obtenir des informations sur les fonctionnalités de l'écran du client, telles que la largeur, la hauteur, la profondeur de couleur, etc. ., ci-dessous Examinons de plus près l'utilisation de l'objet Screen.
Jetons d'abord un coup d'œil aux propriétés de l'objet Screen
screen.width : renvoie la largeur de l'écran.
screen.height : Renvoie la hauteur de l'écran.
screen.availWidth : renvoie la largeur disponible.
screen.availHeight : renvoie la hauteur disponible.
screen.colorDepth : renvoie la profondeur de couleur.
screen.pixelDepth : renvoie la profondeur des pixels.
Regardons ensuite les applications spécifiques de ces attributs
Regardons d'abord la largeur et la hauteur de l'écran
La propriété screen.width renvoie la largeur de l'écran de l'utilisateur en pixels.
La propriété screen.height renvoie la hauteur de l'écran de l'utilisateur en pixels.
L'exemple spécifique est le suivant
<head>
<script type="text/javascript">
function GetDimensions () {
var scrWidth = document.getElementById ("scrWidth");
scrWidth.innerHTML = screen.width;
var scrHeight = document.getElementById ("scrHeight");
scrHeight.innerHTML = screen.height;
}
</script>
</head>
<body onload="GetDimensions ();">
<h3>屏幕尺寸:</h3>
Width: <span id="scrWidth"></span><br />
Height: <span id="scrHeight"></span><br />
</body>Le résultat en cours d'exécution est :
Ensuite, jetons un coup d'œil au largeur et hauteur d'écran disponibles
La propriété screen.availWidth renvoie la largeur de l'écran de l'utilisateur en pixels, à l'exclusion des fonctionnalités de l'interface.
La propriété screen.availHeight renvoie la hauteur de l'écran de l'utilisateur (en pixels), hors fonctions d'interface.
Un exemple est le suivant :
<head>
<script type="text/javascript">
function GetDimensions () {
var availWidth = document.getElementById ("availWidth");
availWidth.innerHTML = screen.availWidth;
var availHeight = document.getElementById ("availHeight");
availHeight.innerHTML = screen.availHeight;
}
</script>
</head>
<body onload="GetDimensions ();">
<h3>可用面积尺寸:</h3>
Width: <span id="availWidth"></span><br />
Height: <span id="availHeight"></span><br />
</body>Le résultat en cours d'exécution est :
Enfin, jetons un coup d'œil au couleur de l'écran et nombre de pixels
La propriété screen.colorDepth renvoie le nombre de bits (nombres) utilisés pour afficher une couleur.
La propriété screen.pixelDepth renvoie la profondeur de pixels de l'écran
L'exemple est le suivant
<head>
<script type="text/javascript">
function GetDimensions () {
var colorDepth =document.getElementById("colorDepth");
colorDepth.innerHTML = screen.colorDepth;
var pixelDepth =document.getElementById("pixelDepth");
pixelDepth.innerHTML = screen.pixelDepth;
}
</script>
</head>
<body onload="GetDimensions ();">
color:<span id="colorDepth"></span><br />
pixel:<span id="pixelDepth"></span>
</body>L'effet de course est le suivant
Cet article se termine ici. Pour un contenu plus passionnant, vous pouvez prêter attention aux autres didacticiels de colonnes connexes sur le site Web PHP chinois ! ! !
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!