L'interface et l'objet Screen en JavaScript
2775 단어 codenewbiejavascript
프리젠테이션 드 로제 스크린
L'objet Screen nous donne accès à des informations Concernant l'écran de vos Visiteurs, comme la taille ou la résolution de l'écran par exemple.
va pouvoir utiliser ces information은 제안자에 따라 다양한 방문자의 모범 사례를 제공합니다.
On va pouvoir recupérer un objet Screen en utilisant la propriété screen de Window.
Les propriétés et méthodes de l'objet Screen
L'objet Screen possède une Grose dizaine de propriétés dont 6 sont bien supportées par les Navigateurs et particulièrement intéressantes:
너비: retourne la largeur totale de l'écran ;
availWidth: retourne la largeur de l'écran moins celle de la barre de tâches ;
높이: retourne la hauteur totale de l'écran ;
availHeight : retourne la hauteur de l'écran moins celle de la barre de tâches ;
colorDepth : retourne la profondeur de la palette de couleur de l'écran en bits ;
pixelDepth : 픽셀 단위로 해상도를 반환합니다.
Notez que si le Navigateur ne peut pas determiner les valeurs de -
colorDepth et de pixelDepth ou si il ne veut pas les retourner pour des raisons de sécurité, il doit normalement renvoyer « 24 ».
l'objet JavaScript 화면의 사용 예
<!DOCTYPE html>
<html>
<head>
<title>Cours JavaScript by lawal alao</title>
<meta charset="utf-8">
<meta name="viewport"
content="width=device-width, initial-scale=1, user-scalable=no">
<link rel="stylesheet" href="cours.css">
<script src='cours.js' async></script>
</head>
<body>
<h1>Titre principal</h1>
<p>Un paragraphe</p>
<p id='p1'></p>
</body>
</html>
코드 js
document.getElementById('p1').innerHTML =
'Dimensions totales de l\'écran : ' + screen.width + '*' + screen.height +
'<br>Surface disponible : ' + screen.availWidth + '*' + screen.availHeight +
'<br>Palette de couleur : ' + screen.colorDepth +
'<br>Résolution : ' + screen.pixelDepth;
L'objet Screen possède également deux méthodes lockOrientation() 및 UnlockOrientation() mais qui sont aujourd'hui dépréciées et ne devraient pas être utilisées.
메르시 토스
Reference
이 문제에 관하여(L'interface et l'objet Screen en JavaScript), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://dev.to/lawalalao/l-interface-et-l-objet-screen-en-javascript-3ikn
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
<!DOCTYPE html>
<html>
<head>
<title>Cours JavaScript by lawal alao</title>
<meta charset="utf-8">
<meta name="viewport"
content="width=device-width, initial-scale=1, user-scalable=no">
<link rel="stylesheet" href="cours.css">
<script src='cours.js' async></script>
</head>
<body>
<h1>Titre principal</h1>
<p>Un paragraphe</p>
<p id='p1'></p>
</body>
</html>
document.getElementById('p1').innerHTML =
'Dimensions totales de l\'écran : ' + screen.width + '*' + screen.height +
'<br>Surface disponible : ' + screen.availWidth + '*' + screen.availHeight +
'<br>Palette de couleur : ' + screen.colorDepth +
'<br>Résolution : ' + screen.pixelDepth;
Reference
이 문제에 관하여(L'interface et l'objet Screen en JavaScript), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/lawalalao/l-interface-et-l-objet-screen-en-javascript-3ikn텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)