Экран окна JavaScript
Этот объект содержит информацию об экране браузера.
Он может дать информацию о экране
width
,
height
, и
pixelDepth
т.д.
Методы объекта экрана
| Имущество | Описание |
|---|---|
| ширина | Показывает ширину экрана. |
| рост | Показывает высоту экрана. |
| глубина цвета | Возвращает глубину цвета. |
| pixelDipth | Возвращает глубину в пикселях. |
| доступная ширина | Он показывает доступную ширину. |
| доступность | Он показывает доступную высоту. |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> JavaScript Screen Object </title>
</head>
<body>
<script>
document.writeln("<br/>screen.width: "+screen.width);
document.writeln("<br/>screen.height: "+screen.height);
document.writeln("<br/>screen.availWidth: "+screen.availWidth);
document.writeln("<br/>screen.availHeight: "+screen.availHeight);
document.writeln("<br/>screen.colorDepth: "+screen.colorDepth);
document.writeln("<br/>screen.pixelDepth: "+screen.pixelDepth);
</script>
</body>
</html>Выход
screen.width: 1440
screen.height: 900
screen.availWidth: 1440
screen.availHeight: 900
screen.colorDepth: 24
screen.pixelDepth: 24
Ширина экрана окна
screen.width
Свойство дает общую ширину экрана в пикселях.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> JavaScript Screen Width </title>
</head>
<body>
<p id="width"></p>
<script>
document.getElementById("width").innerHTML = "Screen width is " + screen.width;
</script>
</body>
</html>Выход
Ширина экрана 1440
Высота экрана окна
screen.height
Свойство дает общую высоту экрана в пикселях.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> JavaScript Screen Height </title>
</head>
<body>
<p id="height"></p>
<script>
document.getElementById("height").innerHTML = "Screen height is " + screen.height;
</script>
</body>
</html>Выход
Высота экрана 900
Оконный экран Доступная высота / ширина
screen.availWidth
Свойство дает доступную ширину экрана в пикселях вычитая ширину функций ,
таких как панели
задач, если таковые имеются.
screen.availheight
же самое работает и для доступной высоты.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> JavaScript Screen Available Width </title>
</head>
<body>
<p id="availWidth"></p>
<script>
document.getElementById("availWidth").innerHTML = "Available screen width is " + screen.availWidth;
</script>
</body>
</html>Выход
Доступная ширина экрана 1440
Пиксель окна / глубина цвета
screen.pixelDepth
Свойство дает глубину пикселя экрана посетителя.
Свойство дает информацию о глубине цвета, то есть числа бит ,
используемых для отображения одного цвета.
В настоящее время цвет и глубина пикселей остаются прежними.
screen.colorDepth
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> JavaScript Screen colorDepth </title>
</head>
<p id="color"></p>
<script>
document.getElementById("color").innerHTML = "Screen color depth is " + screen.colorDepth;
</script>
</body>
</html>Выход
Глубина цвета экрана 24