Сейчас на сайте:
Пользователей: 0
Отсутствуют.
Роботов: 2
Googlebot, Yandex
Гостей: 73
Всех: 75
ВНИМАНИЕ! Конкурс по программированию!
Проект Programmers.kz и школа hotPen3D2D предлагает Вам курсы по веб-дизайну, веб-программированию и компьютерной графике. Подробности здесь.
Информация к новости
- Просмотров: 1590
- Автор: КазКиберГетик
Размеры и положение окна
Категория: WEB-программирование » JavaScript » Уроки JavaScript
За установку размеров окна в Java Script также отвечает объект window. Такие методы объекта как:
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-документ:
Источник: web-brodilka.ru
- 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
Вернуться
Комментариев: 0
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
