Руководство Javascript Screen

window.screen

1. window.screen

Когда ваш браузер работает на компьютере, window.screen является объектом, который представляет экран компьютера. Когда ваш браузер работает на телефоне, window.screen является объектом, который представляет экран телефона....

Свойства (property) у window.screen:

screen.width
screen.height
screen.availWidth
screen.availHeight
screen.colorDepth
screen.pixelDepth

Свойство	Описание
screen.width	Ширина экрана в pixel.
screen.height	Высота экрана в pixel.
screen.availWidth	Ширина экрана в pixel, вычитая пространство свойств интерфейса (interface features), например панель задач (Taskbar).
screen.availHeight	Ширина экрана в pixel, вычитая пространство свойств интерфейса (interface features), например панель задач (Taskbar).
screen.colorDepth	Возвращает количество bits использованный для отображения цвета (color).
screen.pixelDepth	Возвращает количество pixel depth (bit depth) экрана.

Экрае компьютере с операционной системой Windows 7:

Экран компьютере с операционной системой Ubuntu:

Например:

screen-example.html

<!DOCTYPE html>
<html>
   <head>
      <title>Screen Example</title>
      <meta charset="UTF-8">


   </head>
   <body>

       <h1>window.screen</h1>

       <button onClick="showInfos()">Show Infos</button>

        <textarea name="name" style="width:100%;margin-top:10px;"
            rows="8" id="log-area"></textarea>

        <script>
           function showInfos()  {

             var logArea = document.getElementById("log-area");
             logArea.value = "";

             logArea.value += "screen.width= " + screen.width +"\n";
             logArea.value += "screen.height= " + screen.height +"\n";
             logArea.value += "screen.availWidth= " + screen.availWidth +"\n";
             logArea.value += "screen.availHeight= " + screen.availHeight +"\n";

             logArea.value += "screen.colorDepth= " + screen.colorDepth +"\n";
             logArea.value += "screen.pixelDepth= " + screen.pixelDepth +"\n";

           }
           showInfos();
        </script>
   </body>
</html>

Руководство Javascript Screen

1. window.screen

Pуководства ECMAScript, Javascript

Pуководства ECMAScript, Javascript

Новейшие статьи