Лекция: Обработчики событий

• onBlur является обработчиком событий, который действует, когда активный элемент формы, такой как поле выбора, текст или текстовая область, становится неактивным. Другими словами, пользователь смещает фокус с элемента.
• onChange является обработчиком событий, который действует, когда пользователь изменяет текст в элементе выбора, текста или текстовой области формы. Обычно эта команда используется для проверки ошибок при вводе пользователя.
• onClick является обработчиком событий, который действует, когда пользователь щелкает левой кнопкой мыши на объекте, таком, как ссылка.
• onDblClick является обработчиком событий, который действует, когда пользователь дважды щелкает на объекте, таком, как ссылка.
• onContextMenu является обработчиком событий, который действует, когда пользователь щелкает правой кнопкой мыши на объекте, таком, как ссылка.
• onFocus является обработчиком событий, который действует, когда пользователь выбирает элемент формы, такой, как поле выбора, текста или текстовую область.
• onLoad является обработчиком событий, который запускает функцию, когда загружается страница. Команда помещается в теге BODY документа HTML.
• onMouseOut является обработчиком событий, который применяется в гипертекстовой ссылке для создания текста, когда когда указатель мыши смещается с элемента. Наиболее часто используется совместно с onMouseOver.
• onMouseOver является обработчиком событий, используемым в гипертекстовой ссылке, который реагирует, когда пользователь наводит указатель мыши на текст ссылки.
• onSelect является обработчиком событий, который активируется, когда пользователь выделяет текст в элементе формы текст или текстовая область.
• onSubmit является обработчиком событий, который активируется, когда пользователь щелкает на кнопке формы submit (Отправить).
• onUnload является обработчиком событий, который помещается в команде BODY документа HTML, и либо вызывает функцию, либо содержит команду для остановки выполнения функции, когда пользователь покидает страницу.

Расширенный набор событий:

www.spravkaweb.ru/javascript/event

Примеры некоторых кодов:

www.straushome.info/java/

Свойства команд JS

• config является командой, используемой в экземпляре объекта и метода window.open().Она определяет, что далее следуют характеристики нового окна.
• directories является характеристикой, используемой в экземпляре команды window.open() для определения, будет или нет присутствовать панель каталога. Панель каталога содержит раздел BOOKMARKS. Используйте «yes», чтобы разрешить, «no» — запретить.
• height является командой характеристики, которая обозначает высоту в пикселях нового окна или изображения.
• location является характеристикой, используемой в экземпляре команды window.open() для указания, должна ли выводиться панель адреса в открываемом окне. Используйте «yes», чтобы разрешить, «no» — запретить. Существует также команда location, которая действует как объект.
• menubar является характеристикой, используемой в экземпляре команды window.open() для определения, должна ли выводиться панель меню в открываемом окне. Панель меню является частью браузера, которая имеет кнопки FILE и EDIT. Используйте «yes», чтобы разрешить, «no» — запретить.
• resizable является характеристикой, используемой в экземпляре команды window.open() для определения, сможет ли пользователь изменять размер окна. Используйте «yes», чтобы разрешить, «no» — запретить.
• scrollbars является характеристикой, используемой в экземпляре команды window.open() для определения, будет ли присутствовать в новом окне строка прокрутки. Используйте «yes», чтобы разрешить, «no» — запретить.
• status является характеристикой, используемой в экземпляре команды window.open() для определения, будет ли присутствовать в новом окне строка состояния. Используйте «yes», чтобы разрешить, «no» — запретить. Существует также команда «status» которая действует как свойство.
• toolbar является характеристикой, используемой в экземпляре команды window.open() для указания, должна ли присутствовать панель инструментов в открываемом окне. Панель инструментов является частью браузера, которая имеет кнопки BACK (НАЗАД) и FORWARD (ВПЕРЕД). Используйте «yes», чтобы разрешить, «no» — запретить.
• width является командой характеристики, которая указывает ширину в пикселях нового окна или изображения.

Основные методы

• alert является методом, используемым в гипертекстовой ссылке или объекте окна для создания диалогового окна. Окно содержит текст, указанный в скобках alert, и кнопку ОК, которую необходимо нажать, прежде чем пользователь сможет продолжить.
• close является методом, который действует на объект окна, чтобы закрыть текущее окно браузера.
• confirm является методом, который выводит диалоговое окно с кнопками OK и CANCEL. Команда используется наиболее часто с функциями if иelse.
• open является методом, который открывает новый документ или новое окно.
• prompt является методом, который выводит пользователю диалоговое окно для ввода данных. Этот метод всегда сопровождается переменной, куда заносятся введенные пользователем данные.
• write является методом, который действует на объекте документа, для отправки текста на страницу.

Объекты

• Date является объектом, который необходимо назвать, чтобы иметь возможность вызвать методы даты и времени. Формат именования объекта следующий:

Имя_Объекта = new Date();

• Document является объектом, который указывает на документ HTML, который содержит JavaScript.
• history является объектом, который указывает на память браузера страниц, посещенных пользователем. Список history может быть различного размера, в зависимости от того, сколько страниц посетил пользователь за время конкретного сеанса.
• Location является объектом, указывающим определенный URL. Он наиболее часто встречается в следующем формате:

parent.location='index.html'

• Navigator является объектом, определяющим браузер пользователя.
• window является объектом, указывающим экран браузера.

Свойства объектов

• alinkColor — свойство объекта document. Определяет цвет гипертекстовой ссылки, когда она активна или на ней был совершен щелчок мышью.
• appCodeName — свойство объекта navigator. Определяет кодовое имя браузера, которое использует производитель.
• appName — свойство объекта navigator. Указывает имя браузера, такое, как Netscape или Explorer
• appVersion — свойство объекта navigator. Указывает номер версии и платформу браузера.
• bgColor — свойство объекта document. Указывает цвет фона документа HTML.
• defaultStatus — свойство объекта window. Оно работает таким же образом, как window.status, за исключением того, что формат по умолчанию (default) используется, когда событие вызывается вне формата обработчика событий (встроенного в команду HTML формата).
• fgColor — свойство объекта document. Оно указывает цвет текста.
• focus — свойство любого объекта, которому вы хотите его присвоить. Свойство focus заставляет JavaScript рассматривать только один этот объект. Оно наиболее часто используется при проверке полей формы.
• host — свойство объекта location. Оно указывает URL сервера как текст или IP-адрес, в зависимости от того, как себе обозначает сам сервер. Кроме того свойство port возвращает номер порта. Эта команда очень похожа на свойство hostname, которое действует таким же образом, за исключением того, что не возвращает порт. Если порт null или не важен для сервера, то две команды выполняют одну функцию и будут возвращать одинаковые результаты.
• hostname — свойство объекта location. Оно указывает URL сервера как текст или IP-адрес, в зависимости от того, как себе обозначает сам сервер. Эта команда очень похожа на свойство host, которое действует таким же образом, за исключением того, что не возвращает порт. Если порт null или не важен для сервера, то две команды выполняют одну функцию и будут возвращать одинаковые результаты.
• lastModified — свойство объекта document. Оно указывает дату и время, когда страница была последний раз обновлена на сервере или последний раз сохранена на диск.
• length — свойство объекта history. Указывает число страниц, перечисленных в файле истории браузера. Перечисленные страницы являются страницами, которые посетил пользователь перед посещением страницы.
• linkColor — свойство объекта document. Оно указывает цвет гипертекстовых ссылок.
• location — свойство объекта document. Оно указывает URL страницы. Обратите внимание, что также имеется объект location, который действует совершенно другим образом.
• parent — свойство, используемое обычно с фреймами, для указания определенной ячейки фрейма. Когда оно используется вне формата фрейма, оно указывает на все окно браузера.
• referrer — свойство объекта document. Оно указывает URL страницы, с которой только что пришел пользователь.
• self — свойство, которое указывает текущее окно.
• status — свойство объекта window. Оно обозначает строку состояния внизу экрана браузера.
• target является командой, которая располагается внутри гипертекстовой ссылки HREF. Ссылка указывает, куда должен направляться результат ссылки.
• title — свойство объекта document. Оно указывает текст между командами <TITLE> и </TITLE> в документе HTML.
• top — свойство объекта window. Оно указывает окно браузера самого верхнего уровня.
• userAgent — свойство объекта navigator. Оно указывает заголовок протокола передачи гипертекста, посланное для предупреждения сервера, какой браузер он обслуживает.
• value — считайте value значением того, что в определенное время что-то имеется или нет. Контрольный флажок может иметь значение on (включен) или off (выключен), в зависимости от того, был он отмечен или нет. Поле TEXT может иметь значение hidden (скрытое), если требуется, чтобы пользователь его не видел. И, как отмечалось выше, поле TEXT может содержать введенный текст. Он будет значением этого поля. К этому значению можно обратиться или передать в другую часть кода JavaScript для использования. Можно также вывести то, что пользователь ввел в текстовое поле.
• vlinkColor — свойство объекта document. Оно указывает цвет гипертекстовых ссылок после их посещения.