|
добные средства обработки событий. В нашем
следующем примере когда пользователь пытается выбрать ссылку “Select me!” (рис.
1.5), разместив над ней курсор мыши, на экране появляется диалоговая панель
Microsoft Internet Explorer с сообщением “Hello, world!”.
Рис. 1.5. Диалоговая панель появляется, когда пользователь размещает курсор
мыши над ссылкой
Исходный текст соответствующего документа HTML с встроенным в него сценарием
представлен в листинге 1.7.
Листинг 1.7. Файл chapter1/HelloOnSelect/HelloOnSelect.html
Hello from JavaScript!
JavaScript Test
Select me!
Здесь для нас интересна строка оператора . Напомним, что этот оператор
обычно применяется для организации ссылок на другие документы HTML или файлы
различных объектов. В данном случае поле ссылки параметра HREF пустое, однако
дополнительно в оператор включена следующая конструкция:
onMouseover="alert('Hello, world!');"
Она указывает, что при возникновении события onMouseover должна выполняться
следующая строка программы JavaScript:
alert('Hello, world!');
Обратите внимание, что строка задана не в двойных кавычках, а в одинарных. В
сценариях JavaScript допустимо использовать и те, и другие кавычки, однако
закрывающая кавычка должна быть такой же, что и открывающая. Внутренняя пара
кавычек должна отличаться от внешней.
Вы можете установить обработчики таких событий, как загрузка страницы,
щелчок по ссылке или кнопке формы, выбор ссылки или поля формы и других
событий. Более подробно обработка событий будет рассмотрена позже.
Вариация седьмая: с определением типа браузера
Последний пример сценария, который мы рассмотрим в этом разделе, показывает,
как программа JavaScript может легко определить тип и версию браузера. На рис.
1.6 показан результат просмотра документа HTML с этим сценарием при помощи
браузера Microsoft Internet Explorer.
Рис. 1.6. Информация о браузере Microsoft Internet Explorer
То, что вы увидите, просмотрев этот же документ браузером Netscape Navigator,
представлено на рис. 1.7.
Рис. 1.7. Информация о браузере Netscape Navigator
Давайте посмотрим на текст сценария, позволяющего извлекать подобную
информацию. Он представлен в листинге 1.8.
Листинг 1.8. Файл chapter1/HelloInfo/HelloInfo.html
Hello, world!
Something about you...
Здесь сценарий JavaScript формирует в документе HTML строки таблицы,
записывая в них названия различных свойств объекта navigator и значения,
соответствующие этим свойствам.
Объект navigator - это сам браузер. Обращаясь к свойствам этого объекта,
можно получить различную информацию о браузере.
Наиболее интересны для нас свойства navigator.appName и navigator.
appVersion, так как они позволяют однозначно определить тип браузера и его
версию. Обладая этой информацией, вы можете динамически “приспособить” документ
HTML к навигатору, установленному у пользователя.
Заметим, что в браузе
|
|