JavaScript: определение свойства экрана и управление на примере

Работаем со свойствами экрана в JavaScriptВ этом блоге мы рассмотрим параметры, позволяющие определить некото­рые свойства экрана.

  • avaiiHeight, avaiiWidth — позволяют узнать рабочую высоту и ширину экрана в пикселах без учета панели задач и других панелей, постоянно занимающих место на экране, например, панели MS Office или ICQ.
  • height, width — позволяют вычислить высоту и ширину экрана.

К счастью, эти параметры поддерживаются всеми современными нашими браузерами. Вот пример, позволяющий вычислить доступные размеры для окна браузера и рас­крывающий его в соответствии с полученными результатами (листинг 1).

Листинг 1. Развернуть окно на максимально возможные размеры

<script type = "text/javascript">
   function fullWindow()
   {
      window.moveTo(0, 0);
      window.resizeTo(screen.availWidth, screen.availHeight);
   }
</script>


</head>
<body onload="fullWindow()">

Раз уж мы можем узнать размеры монитора пользователя, то можем созда­вать при необходимости разные Web-страницы под различные разрешения мо­нитора. Вот самый простой сценарий, который приходит в голову (лис­тинг 2).

Листинг 2. Определение разрешения экрана

<script type = "text/javascript">
   var msg="У вашего монитора очень высокое разрешение";
   if (screen.width == 640 || screen.height == 480){
      location=("640x480.htm");}
   else if (screen.width == 800 || screen.height == 600){
      location=("800x600.htm");}
   else if (screen.width == 1024 || screen.height == 768){
      location=("1024x768.htm");}
   else if(screen.width == 1152 || screen.height == 864){
      location=("1152x864.htm");}
   else if (screen.width == 1280 || screen.height == 720){
      location=("1280x720.htm");}
   else if (screen.width > 1280 || screen.height > 720){
      alert(msg);}
</script>

 

Вас заинтересует / Intresting for you:

Определение браузера в JavaScr...
Определение браузера в JavaScr... 1570 просмотров Александров Попков Fri, 02 Nov 2018, 11:03:01
JavaScript: определение версии...
JavaScript: определение версии... 853 просмотров Дэйзи ак-Макарова Sun, 11 Nov 2018, 05:40:51
JavaScript: определение версии...
JavaScript: определение версии... 817 просмотров Дэйзи ак-Макарова Sun, 11 Nov 2018, 05:31:48
Обзор и сравнение фреймворков ...
Обзор и сравнение фреймворков ... 1298 просмотров Валерий Павлюков Wed, 13 Mar 2019, 17:28:13
Войдите чтобы комментировать