HTML, XHTML и CSS на 100%
вернуться

Квинт Игорь
Шрифт:

С помощью метода clearTimeout можно остановить таймер, запущенный только что рассмотренным методом setTimeout. В качестве параметра методу clearTimeout необходимо передать идентификатор таймера, полученный от метода setTimeout:

clearTimeout(idTimer)

Методы setTimeout и clearTimeout применяются для периодического вызова функции сдвига сообщения в строке состояния браузера («бегущая» строка) и для ограничения времени ввода пользователем пароля в формах. Еще одно применение данного метода – создание анимационных эффектов с использованием сценариев JavaScript.

Помимо свойств и методов, с объектом Window связаны два обработчика событий – onLoad и onUnload. Первый из них срабатывает, когда браузер заканчивает загрузку окна, а второй – когда пользователь завершает работу с HTML-документом.

В своем сценарии вы можете предусмотреть обработку этих событий, назначив для каждого определенную функцию. Функция, которая вызывается при завершении загрузки документа, может выполнять какие-либо действия, создавать дополнительные окна или выводить сообщения. Обработчик события onUnload может освобождать полученные ресурсы или выводить какие-либо дополнительные сообщения при уходе пользователя с веб-страницы.

Внимание!

Как правило, вызов обработчиков событий onLoad и onUnload располагается в строке элемента BODY.

В качестве примера рассмотрим HTML-документ, который приведен в листинге 10.10.

Листинг 10.10. Использование обработчиков событий onLoad и onUnload

<html>

<head>

<title>Обработчики событий onLoad и onUnload</title>

</head>

<script language="JavaScript">

<!– Маскировка сценария

function hello //функция

{

alert("Добро пожаловать на мою домашнюю страничку!")

}

function bye //функция

{

alert("До свидания! Спасибо, что зашли!")

}

// Конец маскировки сценария –>

</script>

<body bgcolor=white onLoad="hello" onUnload="bye">

</body>

</html>

Здесь в элементе BODY определены обработчики событий onLoad и onUnload. При возникновении первого события будет вызываться функция hello, при возникновении второго – функция bye.

Поскольку HTML-документ интерпретируется в направлении сверху вниз, функции hello и bye необходимо определить до появления элемента BODY. Лучшее место для определения этих функций – заголовок HTML-документа.

Итак, вы познакомились с методами, свойствами и событиями объекта Window, позволяющими выполнять различные действия с окном браузера. Теперь рассмотрим другой объект JavaScript, с помощью которого вы можете получить некоторые данные о самом браузере, – объект Navigator.

Объект Navigator

Объект Navigator автоматически создается при открытии веб-страницы браузером и содержит общую информацию о браузере пользователя.

Примечание

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

Благодаря объекту Navigator можно узнать некоторые данные о браузере и компьютере пользователя. Эта информация может пригодиться при формировании

разного стиля веб-страниц для различных браузеров.

Как и другие объекты JavaScript, Navigator имеет свои свойства. Это конкретные

строковые значения о браузере пользователя.

• appCodeName – определяет кодовое имя (платформу, «движок») браузера.

• appName – указывает имя (название) браузера, например Netscape или Internet Explorer.

• appVersion – определяет версию браузера, включая платформу, выпуск браузера и операционную систему пользователя.

• userAgent – возвращает строку, идентифицирующую браузер пользователя, то есть заголовок протокола, используемого браузером во время работы с сервером. Проще говоря, это название браузера, посылаемое серверу с помощью HTTP-протокола. Оно является комбинацией значений свойств appCodeName и appVersion.

• cookieEnabled – указывает, разрешено или нет использование cookies, позволяющих сохранять небольшие фрагменты информации на компьютере пользователя. Возвращает true, если пользователь разрешил браузеру прием cookies. Поддерживается только Internet Explorer, начиная с версии 4.0.

• browserLanguage – определяет текущий язык браузера. Поддерживается только Internet Explorer, начиная с версии 4.0.

• systemLanguage – указывает язык операционной системы по умолчанию, например ru, если используется русская версия Windows. Поддерживается только Internet Explorer, начиная с версии 4.0.