- •Введение
- •1. Язык html
- •1.1. Информационная система сети Интернет
- •1.2. Язык html
- •Использование специальных символов в нтмl документах
- •Дескрипторы связи
- •Команда вставки графики
- •Команда гипертекстовой ссылки
- •Относительные и абсолютные адреса файлов
- •1.3. Расширения html
- •2. Язык JavaScript
- •2.1. Особенности и назначение языка JavaScript
- •2.2.Основы языка JavaScript Типы данных
- •Переменные и оператор присвоения
- •Var имя_переменной
- •Область действия переменных
- •Операторы
- •Приоритет операторов в выражении
- •Функции
- •Встроенные функции
- •Пользовательские функции
- •Сценарии
- •Обработка событий
- •Встроенные объекты
- •Объект String (Строка)
- •Объект Array (Массив)
- •Копирование массива
- •Объект Math (Математика)
- •Объект Date (Дата)
- •Объектная модель JavaScript
- •Клиентская сторона
- •Серверная часть
- •Доступ к объектам
- •X.Src /* строка url, например, file:///с:/Мои%20документы/pict.Jpg */
- •Создание фреймов
- •Динамический html
- •Динамическое изменение элементов документа
- •Использование метода write()
- •Изменение значений атрибутов элементов
- •Управление процессами во времени
- •If (confirm("Прервать процесс ?"))
- •Работа с Cookie
- •Обработка данных форм
- •Работа с файловой системой и реестром Windows
- •Создание объекта файловой системы
- •Запуск приложений
- •Работа с реестром
- •Глоссарий
- •Императивное (операторное) программирование
- •Функциональное программирование
- •Объектно-ориентированное программирование
- •Модули и раздельная компиляция
- •Библиографический список
- •394026 Воронеж, Московский просп., 14
Обработка событий
Одним из главных назначений сценариев в HTML-документе является обработка событий, таких как щелчок кнопкой мыши на элементе документа, помещение указателя мыши на элемент, перемещение указателя с элемента, нажатие клавиши и т. п. Большинство тегов HTML имеют специальные атрибуты, определяющие события, на которые могут отреагировать соответствующие элементы.
Например, следующий HTML-код определяет заголовок второго уровня, который реагирует на щелчок кнопкой мыши тем, что выполняет функцию myfunc():
<h2 onclick = "myfunc()">Щелкни здесь</h2>
Значением атрибута-события является код сценария, заключенный в кавычки. Этот сценарий называют также обработчиком события. В приведенном примере обработчиком события onclick является функция myfunc().
Для одного и того же элемента можно определить несколько событий, на которые он будет реагировать. Другими словами, для одного и того же тега можно указать несколько атрибутов-событий.
Пример
В результате щелчка на графическом изображении из файла picture.jpg функция alert() выводит окно с сообщением. Обработчик события onclick задается в примере как функция clickimage().
<нтмl>
<script>
function clickimage() {
alert("Привет!")
}
</script>
<img src = "pict.jpg" onclick = "clickimage() ">
</html>
Рассмотрим еще один способ оформления обработчиков событий. Почти для всех тегов HTML можно указать атрибут — id (идентификатор). Этот атрибут принимает любые строковые значения, которые играют роль индивидуальных имен элементов. Если атрибут id в теге используется, то для задания обработчика события можно не использовать атрибуты-события. Вместо этого в контейнере <script> достаточно написать определение функции обработчика события, имя которой образуется по следующему шаблону:
значение id.событие()
Пример
<html>
<h1 id = " Myheader">Привет всем!</h1>
<script>
function Myheader.onclick(){
alert("Привет!")
}
</script>
</html>
Браузер, встречая в HTML-документе тег с определенным id, создает в объектной модели этого документа объект с таким же именем. Для этого объекта имеется метод обработки события. Название метода совпадает с названием события и пишется в нижнем регистре.
Встроенные объекты
Объекты представляют собой программные единицы, обладающие некоторыми свойствами. Управление веб-страницами с помощью сценариев, написанных на JavaScript, заключается в использовании и изменении свойств объектов HTML-документа и самого браузера. Встроенные объекты имеют фиксированные названия и свойства. Все свойства этих объектов разделяют на два вида: просто свойства и методы. Свойства аналогичны обычным переменным. Они имеют имена и значения. Некоторые свойства объектов доступны только для чтения. Это означает, что их значения нельзя изменять. Другие свойства доступны и для записи — их значения можно изменять с помощью оператора присвоения.
Чтобы узнать значение свойства объекта, необходимо указать имя этого объекта и имя свойства, отделив их друг от друга точкой: имя_объекта.свойство. Синтаксис применении метода к объекту такой:
имя_объекта.метод(параметры).
Объект может и не иметь свойств или методов.
Объект можно понимать как некоторый контейнер, содержащий переменные-свойства и функции-методы.
Для разработчиков веб-сайтов особенно важны объекты String (обработка строк), Array (массивы), Math (математические формулы и константы) и Date (работа с датами).
Объекты с именами, совпадающими с их фиксированными названиями, называются статическими. Можно создать экземпляры (копии) статических объектов, присвоив им свои собственные имена.
Встроенные объекты имеют, среди прочих, свойство prototype (прототип), с помощью которого можно добавлять новые свойства и методы к уже существующим экземплярам объектов.