'

Тема: JavaScript

Понравилась презентация – покажи это...





Слайд 0

Тема: JavaScript Что такое JavaScript Синтаксис языка Объектная DOM-модель JavaScript Включение JavaScript в HTML Примеры использования JavaScript


Слайд 1

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


Слайд 2

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


Слайд 3

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


Слайд 4

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


Слайд 5

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


Слайд 6

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


Слайд 7

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


Слайд 8

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


Слайд 9

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


Слайд 10

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


Слайд 11

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


Слайд 12

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


Слайд 13

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


Слайд 14

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


Слайд 15

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


Слайд 16

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


Слайд 17

Требования к СРС №2


×

HTML:





Ссылка: