Тема: JavaScript

1. Что такое JavaScript
JavaScript – объектно-ориентированный скриптовый, интерпретируемый язык программирования.
JavaScript обычно используется как встраиваемый язык для программного доступа к объектам приложений.
Наиболее широкое применение находит в браузерах как язык сценариев для придания интерактивности веб-страницам.
Является языком выполняемым на стороне клиента – браузера.
JavaScript язык со слабой типизацией и с автоматическим управление памятью.

1. История JavaScript
1992 год компания Nombas начала разработку нового языка Cmm. Этот язык должен был: быть похожим на Си, автоматически работать с памятью, быть мощным и мог заменить макросы.
1995 год язык переименован в Cenvi и теперь встраивается в веб страницы (но работает только подо Netscape Navigator).
Конец 1995 года язык переименован с LiveScript, а затем в JavaScript.
1996 год компания Microsoft выпускает язык Jscript и включает его поддержку в браузер Internet Explorer 3.0.
с 2005 года начинает развиваться AJAX который обеспечивает языку JavaScript популярность.

2. Синтаксис языка
Синтаксис похож на Си и Java
JavaScript регистрозависимый язык
В имени переменных можно использовать латинские буквы, цифры, знак подчеркивания и знак доллара
Коментарии // однострочные и /*многострочные*/
Поддерживает объектную модель браузера: окно – строка заголовка…
Поддерживает объектную модель документа: страница – таблица первая – ячейка двенадцатая…
Управляющие конструкции очень схожи с языком Си (условия, циклы, функции и т.д.)
Нет модульности программирования, т.е. не поддерживается управление областью видимости переменной
Используют атрибут id для уникальной идентификации элементов html-документа.

2. Объектная модель браузера
Основное предназначение – управление окнами браузера и обеспечение их взаимодействия. Каждое из окон браузера представляется объектом window, центральным объектом BOM (Browser Object Model).
Объектная модель браузера не стандартизирована, но спецификация находится в разработке.
Кроме управления окнами есть:
управление фреймами,
поддержка задержки в исполнении кода и зацикливания с задержкой,
системные диалоги,
управление адресом открытой страницы,
управление информацией о браузере,
управление информацией о параметрах монитора,
ограниченное управление историей просмотра страниц,
поддержка работы с HTTP cookie.

3. Объектная модель документа
Интерфейс программирования приложений для HTML и XML-документов.
Любой html-документ с помощью DOM может быть представлен в виде дерева узлов, каждый узел которого представляет собой элемент, атрибут, текстовый, графический или любой другой объект. Узлы связаны между собой отношениями родительский-дочерний.
Модель DOM позволяет производить с узлами DOM различные манипуляции: получение узлов, изменение узлов, изменение связей между узлами, удаление узлов.

Пример объектной модели DOM

4. Включение JavaScript в HTML
Расположение внутри html-страницы:
Расположение внутри тега:
Подключение JavaScript вынесенного в отдельный файл:
Действия выполняются в момент загрузки кода в браузер
Действия выполняются в момент щелчка на ссылке

5. События элементов DOM (DHTML)
Событиями принято считать какие-либо действия со стороны пользователя посредством клавиатуры или мыши, а также такие операции с различными документами (например формы), как загрузка и их отправка.
У каждого события в языке DHTML предусмотрена соответствующая команда для обработки, которая имеет вид названия события с прификсом ' on '.
Например:…

События и команды обработчики событий

5. Примеры использования JavaScript
С использованием PHP
C использование JavaScript
Обработка события click для объекта кнопка. Есть форма:
Необходимо что бы при щелчке на кнопку выводилось сообщение содержащее текст из поля ввода.
Выполняется на сервере
Тег form обязательный
Input идентифицируется атрибутом name
Кнопка имеет type=submit
Выполняется в браузере (на клиенте)
Тег form не обязательный
Input идентифицируется атрибутом id
Кнопка имеет type=button
Кнопка содержит обработчик onclick

a=document.getElementById('name').value;
alert(a);

5. Примеры использования JavaScript
Обработка события onclick для объекта кнопка
После того как все данные «вроде как» введены необходимо проверить заполнения текстовых полей ввода на пустоту. Т.е. Если в поле ввода нет текста (атрибут value пустой), то окрасить ячейки в красный цвет, иначе окрасить ячейки в белый цвет.

Пример: бегущая строка
Объектная модель документа или браузера используется в коде?

Пример: смена цвета фона
Объектная модель документа или браузера используется в коде?

Требования к курсовой работе

Курсовую работу сдать до 13-14 января
(до экзамена)