Разработка магазинов с гарантией попадания в ТОП поисковых систем

Узнать подробнее

Работа с окнами

«Объекты JavaScript» – восьмой урок учебника JavaScript. В этом уроке мы обсудим основные приемы работы с окнами, используемыми в JavaScript, которые позволяют создавать и управлять отображением окон.

Группа объектов, относящихся к классу Window является самой старшей в JS.

Объект Window создается в тот момент, когда производится открытие окна в браузере, а все остальные объекты порождаются после, тем самым являясь свойствами объекта window.

Окна в JavaScript. Поле STATUS.

Поле статуса указывает на текущее состояние браузера, такое как выполнение загрузки страницы, готовность перейти по определенной ссылке, наличие ошибок на странице и многое другое. Поле статуса у разных браузеров может работать с определенными особенностями, но оно всегда будет расположено в самом низу окна.

При программировании поля статуса используются 2 свойства:

Никаких хитростей тут нет. Браузер, как и все остальное в этом мире), может иметь только 2 состояния:

Для описания каждого из этих состояний и используются window.status и window.defaultStatus.

Программируем window.status

Window.status отображает сообщения о событиях, которые происходят в настоящий момент, например отображает URL–адрес в тот момент, когда курсор мыши проходит над ссылкой.

Ниже приведена простейшая программа, которая заменяет стандартное сообщение в поле статуса во время прохождения курсора мыши над ссылкой:

<A HREF=»» onMouseover=»window.status=’КУРСОР НАВЕДЕН НА ССЫЛКУ’;
return true;»
onMouseout=»window.status=’КУРСОР ОТВЕДЕН С ССЫЛКИ’;
return true;»>
ССЫЛКА
</A>

Строка return true дает браузеру понять, что действие было совершенно успешно. В противном случае браузер будет выполнять команды по умолчанию.

Программируем window.defaultStatus

window.defaultStatus позволяет задать текст в поле статуса в тот момент, когда не происходит никаких действий.

Для этого документа задан следующий window.defaultStatus:

<BODY onLoad=»window.defaultStatus=’ДОКУМЕНТ ПОЛНОСТЬЮ ЗАГРУЖЕН’;»>

Сообщение ‘ДОКУМЕНТ ПОЛНОСТЬЮ ЗАГРУЖЕН‘ вы можете видеть в настоящий момент.

Поле window.location

Поле window.location отображает URL текущего документа. Проще говоря это адресная строка браузера, куда вы вводите адрес сайта. JavaScript позволяет производить различные манипуляции над этим полем, позволяя тем самым управлять загрузкой страниц без ведома пользователя.

Итак разберемся с основными свойствами и методами для этого поля:

Свойства

Основными свойствами для поля location являются:

Методы

Методы работы с полем location позволяют напрямую управлять загрузкой и перезагрузкой страниц. Приведем пример:

<script>
function ex0()
{
window.location.reload(true);
}
function ex1()
{
window.location.replace(‘#top’);
}
</script>
<form name=»»>
<input type=»submit» name=»» value=»перезагрузка страницы» onclick=ex0()>
<input type=»submit» value=»На верх страницы»
onclick=ex1()>
</form>

Таким образом вы можете убедиться, что JavaScript позволяет программисту полностью управлять поведением браузера, изменяя его стандартные алгоритмы поведения на необходимые программисту.


Но в работе с окнами существует еще множество особенностей, которые вам необходимо знать, например создание нового окна, задание приоритетов отображения и т. д. О них мы поговорим в следующих уроках.