Для того чтобы изменять уже нарисованный браузером экран или создавать новые окна, нужно проникнуть в иерархию объектов браузера, получить доступ к его объектам. JavaScript предоставляет такую возможность. Браузер не только показывает образы тегов на экране компьютера. Браузер для каждого тега строит объект, наделяя его соответственными свойствами и методами. Все эти объекты помещаются в стройную иерархию, которая называется объектной моделью браузера. Доступ к объектной модели можно выполнить на JavaScript. Это дает следующие преимущества: браузер постоянно следит за своей объектной моделью; если в ней что-то меняется, это изменение сразу отображается на экране. Вот в этом и есть суть программирования динамики на гипертекстовой странице.
Объект navigator содержит информацию о браузере, в котором выполняется программа.
свойство |
описание |
appName |
Содержит название браузера. Для основных браузеров это: Microsoft Internet Explorer Netscape <FORM> <INPUT type="button" value="appName" onclick="alert(navigator.appName)"> </FORM> |
appVersion |
Данное свойство позволяет определять версию браузера. <FORM> <INPUT type="button" value="appVersion" onclick="alert(navigator.appVersion)"> </FORM> |
событие |
описание |
onLoad |
Событие onLoad происходит, когда браузер заканчивает загружать документ в окно. Этот атрибут можно использовать в теге BODY. Обычно в обработчике этого события выполняют какие-либо инициализационные действия: запуск таймера, установка начальных значений переменных. Иногда событие используют для увеличения счетчика посещений страницы, выдачи приветственного сообщения, показа дополнительного окна со справочным материалом.
|
onUnLoad |
Событие onUnLoad происходит, когда пользователь закрывает текущий документ в окне браузера (переходит по ссылке, по кнопкам браузера Вперед/Назад, закрывает браузер). Этот атрибут можно использовать в теге BODY. Обычно в обработчике этого события выполняют какие-либо завершающие действия: сообщают время, которое пользователь провел на странице, результаты работы с интерактивными элементами. Очень часто рекламные сайты в этом месте запускают новый браузер, выдавая дополнительную порцию рекламных сообщений. Такие действия документа раздражают пользователя, и в будущем он избегает посещения такой страницы.
|
onClick |
Событие onClick происходит при однократном щелчке мыши по элементу формы или гипертекстовой ссылке. |
onDblClick |
Событие onDblClick происходит при двойном щелчке мыши по элементу формы или гипертекстовой ссылке.
|
onMouseOver |
События onMouseOver и onMouseOut происходят когда мышиный курсор перемещается на элемент или соответственно уходит за его пределы. |
onMouseDown |
События onMouseDown и onMouseUp происходят при нажатии кнопки мыши на элементе или соответственно при отпускании кнопки.
|
onKeyPress |
Событие onKeyPress происходит при нажатии клавиши на клавиатуре и отпускании ее.
|
onKeyDown и onKeyUp |
События onKeyDown и onKeyUp происходят при нажатии клавиши на клавиатуре и соответственно отпускании ее.
|
onChange |
Событие onChange происходит при потери элементом фокуса ввода, если его значение было изменено с момента получения фокуса. Этот атрибут может использоваться в тегах INPUT, SELECT и TEXTAREA.
|
onFocus |
События onFocus и onBlur происходят когда элемент получает или соответственно теряет фокус ввода.
|
onReset |
Событие onReset происходит при очистке формы. Оно используется только как атрибут тега FORM.
|
onSubmit |
Событие onSubmit происходит при отправке формы. Оно используется только как атрибут тега FORM. <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=windows-1251"> <TITLE>onSubmit</TITLE> <SCRIPT language=JavaScript> <!-- function doCheck(forma) { var flag=confirm("Дорогой " + forma.mess.value + "!\n" + "Ты уверен, что форму нужно посылать в сеть?"); return flag; } //--> </SCRIPT> </HEAD>
<BODY bgcolor="#DFD8C5" text="black"> <H1 align=center>onSubmit</H1> <HR>
<P>Напишите ваше имя внутри поля ввода и нажмите кнопку "Послать".
<FORM action="mailto: myaddres@mail.ru" enctype="text/plain" method="post" onSubmit="doCheck(this);return false;"> <PRE> <INPUT type="reset" value="Сброс">
Ваше имя: <INPUT name="mess" type="text" value="Вася" size="40"><BR><BR>
<INPUT type="submit" value="Послать"> </PRE> </FORM>
<!-- Обычно обработчик события onSubmitставится для проверки правильности введенных в форму данных. В приведенном учебном примере форма никогда не посылается в сеть. Это получается потому, что после вызова обработчика следует команда returnfalse-- событие браузером игнорируется. -->
<P> Для просмотра исходного текста программы выберите позицию "<EM>В виде HTML</EM>" в меню браузера "<EM>Вид</EM>". <P> Возврат в Справочник <NOBR>--</NOBR> кнопка <EM>"Назад"</EM> на инструментальной панели браузера.
</BODY> </HTML>
|