A window.screen objektum információkat tartalmaz a felhasználó képernyőjéről.
A window.screen objektum ablak előtag nélkül is írható.
Tulajdonságok:
screen.width
screen.height
screen.availWidth
screen.availHeight
screen.colorDepth
screen.pixelDepth
A screen.width tulajdonság a látogató képernyőjének szélességét adja vissza pixel.
A képernyő szélességének megjelenítése pixelben:
document.getElementById("demo").innerHTML =
"Screen Width: " + screen.width;Az eredmény a következő lesz:
<script>
document.write("Screen Width: " + screen.width);
Próbálja ki Ön is →
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
"Screen width is " + screen.width;
</script>
</body>
</html>
A screen.height tulajdonság a látogató képernyőjének magasságát adja vissza képpontokban.
A képernyő magasságának megjelenítése pixelben:
document.getElementById("demo").innerHTML =
"Screen Height: " + screen.height;Az eredmény a következő lesz:
<script>
document.write("Screen Height: " + screen.height);
Próbálja ki Ön is →
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
"Screen height is " + screen.height;
</script>
</body>
</html>
A screen.availWidth tulajdonság a látogató képernyőjének szélességét adja vissza pixel, mínusz felületi funkciók, például a Windows tálcája.
A képernyő elérhető szélességének megjelenítése pixelben:
document.getElementById("demo").innerHTML =
"Available Screen Width: " + screen.availWidth;Az eredmény a következő lesz:
<script>
document.write("Available Screen Width: " + screen.availWidth);
Próbálja ki Ön is →
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
"Available screen width is " + screen.availWidth;
</script>
</body>
</html>
A screen.availHeight tulajdonság a látogató képernyőjének magasságát adja vissza, pixelben, mínusz interfész funkciók, például a Windows tálcája.
A képernyő elérhető magasságának megjelenítése pixelben:
document.getElementById("demo").innerHTML =
"Available Screen Height: " + screen.availHeight;Az eredmény a következő lesz:
<script>
document.write("Available Screen Height: " + screen.availHeight);
Próbálja ki Ön is →
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
"Available screen height is " + screen.availHeight;
</script>
</body>
</html>
A screen.colorDepth tulajdonság egy szín megjelenítéséhez használt bitek számát adja vissza.
Minden modern számítógép 24 bites vagy 32 bites hardvert használ a színfelbontáshoz:
24 bit = 16 777 216 különböző "True Colors"
32 bit=4 294 967 296 különböző "mély szín"
A régebbi számítógépek 16 bitet használtak: 65 536 különböző "High Colors" felbontás.
Nagyon régi számítógépek és régi mobiltelefonok 8 bitet használtak: 256 különböző "VGA színt".
A képernyő színmélységének megjelenítése bitekben:
document.getElementById("demo").innerHTML =
"Screen Color Depth: " + screen.colorDepth;Az eredmény a következő lesz:
<script>
document.write("Screen Color Depth: " + screen.colorDepth);
Próbálja ki Ön is →
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
"Screen color depth is " + screen.colorDepth;
</script>
</body>
</html>
A HTML-ben használt #rrggbb (rgb) értékek a "True Colors"-t jelentik (16 777 216 különböző szín).
A screen.pixelDepth tulajdonság a képernyő képpontmélységét adja vissza.
A képernyő pixelmélységének megjelenítése bitekben:
document.getElementById("demo").innerHTML =
"Screen Pixel Depth: " + screen.pixelDepth;Az eredmény a következő lesz:
<script>
document.write("Screen Pixel Depth: " + screen.pixelDepth);
Próbálja ki Ön is →
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
"Screen pixel depth is " + screen.pixelDepth;
</script>
</body>
</html>
A modern számítógépeknél a színmélység és a pixelmélység egyenlő.