Проект Programmers.kz и школа hotPen3D2D предлагает Вам курсы по веб-дизайну, веб-программированию и компьютерной графике. Подробности здесь.

 
Информация к новости

Размеры и положение окна

Категория: WEB-программирование / JavaScript / Уроки JavaScript

За установку размеров окна в Java Script также отвечает объект window. Такие методы объекта как:

  • moveBy
  • moveTo
  • resizeBy
  • resizeTo
  • scroll
  • scrollBy
  • scrollTo
отвечают за размер и положение окна.

moveBy(X, Y)

Перемещает окно, за точку отсчета которого выступает левый верхний угол, на величину X (в пикселях по горизонтали) и Y (по вертикали) относительно текущего положения окна. moveTo(X, Y)
Перемещает окно, за точку отсчета которого выступает левый верхний угол, в точку (X, Y). resizeBy(X, Y)
Изменяет размеры окна на величину X (в пикселях по горизонтали) и Y (по вертикали) относительно текущего размера. resizeTo(X, Y)
Задает абсолютные размеры окна шириной X (в пикселях) и высотой Y. scroll(X, Y)
Прокручивает данные в системной области окна в точку (X, Y). Т.е. грубо смещает полосы прокрутки на X и Y соответственно. scrollBy(X, Y)
Прокручивает данные в системной области окна на X-пикселей по горизонтали и Y-пикселей по вертикали, относительно текущего положения. scrollTo(X, Y)
Прокручивает данные в системной области окна в точку (X, Y).
Для того чтобы посмотреть на работу этих методов на практике, создадим и протестируем следующий HTML-документ:


<html>
<head>
<meta http-equiv="Content-Type" 
content="text/html; charset=windows-1251">
<title>Тестирование функций управления окном</title>
</head>
 <body>
  <h2 align=center>Управление размерами и 
положением окна<br>Выбирайте кнопку:</h2>
<center>
 <input type="button" value="MoveBy(20,20)" 
onclick="moveBy(20,20);">     
 <input type="button" value="MoveTo(10,10)" 
onclick="moveTo(10,10);"><br><br>
 <input type="button" value="resizeBy(50,50)" 
onclick="resizeBy(50,50);">    
 <input type="button" value="resizeTo(400,400)" 
onclick="resizeTo(400,400);"><br><br>
 <input type="button" value="scroll(0,15)" 
onclick="scroll(0,15);">    
 <input type="button" value="scrollBy(0,-15)" 
onclick="scrollBy(0,-15);"><br><br>
 <input type="button" value="scrollTo(0,30)" 
onclick="scrollTo(0,30);">
</center>
<p> </p><p> </p><p> </p>
<p> </p><p> </p><p> </p>
<p> </p><p> </p><p> </p>
<p> </p><p> </p><p> </p>
 </body>
</html>



Код:

<p> </p><p> </p><p>
 </p><p> </p><p> </p><p> </p>
<p> </p><p> </p><p>
 </p><p> </p><p> </p><p> </p>
применен для искусственного создания вертикальной полосы прокрутки с целью возможности просмотра методов вертикального скроллинга.
Источник: web-brodilka.ru
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.