Экран окна JavaScript - Javascript получает ширину экрана - httpdoc.ru

Экран окна 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>

Выход

JavaScript Screen Object
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>

Выход

JavaScript Screen Width

Ширина экрана 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>

Выход

JavaScript Screen Height

Высота экрана 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>

Выход

JavaScript Screen Available Width

Доступная ширина экрана 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>

Выход

JavaScript Screen colorDepth

Глубина цвета экрана 24