Категории
Меню
Лучшие книги » Компьютеры и Интернет » Интернет » HTML, XHTML и CSS на 100% - Игорь Квинт

HTML, XHTML и CSS на 100% - Игорь Квинт

Читать онлайн HTML, XHTML и CSS на 100% - Игорь Квинт

Шрифт:

-
+

Интервал:

-
+

Закладка:

Сделать
1 ... 40 41 42 43 44 45 46 47 48 ... 59
Перейти на страницу:

Здесь setTimeout() – это метод объекта Window. Он определяет интервал времени в 3000 миллисекунд (3 секунды) и команду, которая должна быть выполнена по истечении этого времени. В данном случае это вызов окна с сообщением с помощью метода alert: «alert(Время истекло!)». Обратите внимание, что код на JavaScript должен быть обязательно заключен в кавычки, а время указывается в миллисекундах и без кавычек.

С помощью метода 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.

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

• platform – указывает платформу операционной системы пользователя, например Win32.

• cpuClass – определяет класс (тип) центрального процессора компьютера пользователя. Например, x8 6 или Alpha. Поддерживается только Internet Explorer, начиная с версии 4.0.

Рассмотрим пример сценария, в котором определяются различные характеристики браузера (листинг 10.11).

Листинг 10.11. Определение характеристик браузера

<html>

<head>

<title>Свойства объекта Navigator</title>

</head>

<body>

<script language=JavaScript>

<!– Определение переменных –>

var an = navigator.appName;

var av = navigator.appVersion;

var acn = navigator.appCodeName;

var ua = navigator.userAgent;

var cook = navigator.cookieEnabled;

var blang = navigator.browserLanguage;

var slang = navigator.systemLanguage;

var ulang = navigator.userLanguage;

var platf = navigator.platform;

var cpu = navigator.cpuClass;

<!– Код JavaScript для отображения надписи на странице –>

document.write("<b>Ваш браузер</b> "+an+" <b>версии</b> "+av+"<br><b>Его кодовое имя</b> "+acn+" <b>и заголовок протокола</b> "+ua+"<br><b>Текущее значение cookies </b>"+cook+"<br><b>Текущий язык браузера </b>"+blang+ "<br><b>Язык ОС by default </b>"+slang+"<br><b>Пользовательские настройки языка ОС </b>"+ulang+ "<br><b>Платформа ОС </b>"+platf+"<br><b>Тип процессора вашего компьютера </b>"+cpu)

</script>

</body>

</html>

В данном примере каждому свойству объекта Navigator назначена отдельная переменная. Благодаря команде document. write() информация о характеристиках браузера отображается на веб-странице (рис. 10.9).

Рис. 10.9. Характеристики браузера

Если какие-либо свойства объекта Navigator не определяются, значит, ваш браузер их не поддерживает.

Рассмотрим еще один пример использования свойств объекта Navigator (листинг 10.12).

Листинг 10.12. Определение имени браузера

<html>

<head>

<title>Test of Browser name</title>

</head>

<body>

<h1 align=center>Проверка имени браузера</h1>

<hr>

<script language=JavaScript>

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

if(navigator.appName == "Microsoft Internet Explorer") //условие

{

alert("У вас хороший браузер"); //окно с сообщением

}

else

{

alert("А чем вам не понравился Microsoft Internet Explorer?");

}

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

</script>

</body>

</html>

Приведенный в листинге сценарий содержит условие if…else и проверяет имя браузера пользователя (рис. 10.10).

Рис. 10.10. Проверка имени браузера

Если страница открыта в Internet Explorer, то пользователь получит сообщение У вас хороший браузер (рис. 10.11).

Рис. 10.11. Окно с сообщением

Если для открытия страницы используется другой браузер, сообщение будет следующим: А чем вам не понравился Microsoft Internet Explorer?.

Этот простейший пример показывает, как можно применять свойства объекта Navigator при решении задач программирования типа «Если браузер клиента такой-то, то…, иначе…».

Помимо свойств, для объекта Navigator в языке JavaScript определены свои методы.

• taintEnabled() – проверяет браузер на несовместимость с Netscape Navigator.

• javaEnabled() – проверяет, разрешено ли в браузере выполнение сценариев JavaScript.

Оба метода возвращают логические значения (true или false). Их можно использовать для принятия каких-либо решений в других сценариях.

Объект Screen

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

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

• width – определяет полную ширину экрана монитора в пикселах.

• height – задает полную высоту экрана монитора пользователя в пикселах.

• availHeight – определяет высоту полезной области экрана монитора без Панели задач и подобных ей элементов графического интерфейса операционной системы.

• availWidth – возвращает ширину полезной области экрана монитора без Панели задач и подобных ей элементов графического интерфейса операционной системы.

1 ... 40 41 42 43 44 45 46 47 48 ... 59
Перейти на страницу:
Пожаловаться на ошибку
Похожие материалы
Как раскрутить и разрекламировать Web-сайт в сети Интернет - Александр Загуменов Библиотека книг бесплатно – читать онлайн! | BibliotekaOnline.com
Как раскрутить и разрекламировать Web-сайт в сети Интернет - Александр Загуменов
27.12.2023 - 21:25
Веб-Самоделкин. Как самому создать сайт быстро и профессионально - Алексей Гладкий Библиотека книг бесплатно – читать онлайн! | BibliotekaOnline.com
Веб-Самоделкин. Как самому создать сайт быстро и профессионально - Алексей Гладкий
26.05.2024 - 09:00
Комментарии

Copyright @ bibliotekaonline.com 2024 - 2026. Все права защищены.


Почта для связи: [email protected]