Знакомства на Just click it
Скоро новый год!
Онлайн радио
Вверх
Новые статьи

Ретро газета в подарок
Архив

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

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

 

 

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

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

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

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

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

  • window.status;
  • window.defaultStatus.

Никаких хитростей тут нет. Браузер, как и все остальное в этом мире), может иметь только 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 являются:

  • window.location.href url адрес
  • window.location.protocolиспользуемый протокол
  • window.location.hostname доменное имя
  • window.location.port используемый порт
  • window.location.pathnameнеобходмая директория

Методы

Методы работы с полем 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 позволяет программисту полностью управлять поведением браузера, изменяя его стандартные алгоритмы поведения на необходимые програмисту.

 


 

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

 

назад
далее
Наверх
Источник: Создание сайтов
Мы В Контакте Мы на Facebook Лента новостей RSS
Копирование и публикация материалов сайта разрешены только при наличии активной ссылки на источник
2011 - наши дни.. © Контакты | Лого | Реклама на сайте | Вебмастерам