Разделы презентаций


ДИНАМИЧЕСКИЙ WEB-ДИЗАЙН на основе языка JavaScript Dynamic HTML: DHTML =HTML+CSS+JavaScript

Использование языка JavaScript Типичные задачи JavaScript: Обработка событий от мыши и клавиатурыДинамическое изменение CSS-стилей элементовУправление окнами и фреймамиУправление процессами во времениПроверка данных, введенных на формеВыполнение вычисленийЧтение и запись информации во временных файлах

Слайды и текст этой презентации

Слайд 1ДИНАМИЧЕСКИЙ WEB-ДИЗАЙН на основе языка JavaScript Dynamic HTML: DHTML =HTML+CSS+JavaScript

ДИНАМИЧЕСКИЙ WEB-ДИЗАЙН на основе языка JavaScript    Dynamic HTML:  DHTML =HTML+CSS+JavaScript

Слайд 2Использование языка JavaScript
Типичные задачи JavaScript:
Обработка событий от мыши и

клавиатуры
Динамическое изменение CSS-стилей элементов
Управление окнами и фреймами
Управление процессами во времени
Проверка

данных, введенных на форме
Выполнение вычислений
Чтение и запись информации во временных файлах (cookie)


Использование языка JavaScript	Типичные задачи JavaScript: Обработка событий от мыши и клавиатурыДинамическое изменение CSS-стилей элементовУправление окнами и фреймамиУправление

Слайд 3Объектная модель Web-страницы
Каждый HTML-элемент – это объект , который характеризуется:


свойствами – атрибуты тегов;
методами – функции JavaScript изменения свойств объекта;
событиями

– обработчики событий JavaScript для запуска программы
Иерархия классов объектов – объекты с одинаковым набором свойств:
объект Window содержит: navigator, frames[], document, packages[]
объект Document содержит: forms[], anchors[], images[], …
Браузер создает массивы объектов, начиная с номера [0]. К объекту можно обратиться по его номеру в массиве или через его атрибут name:
Запись:
Обращение: document.images[0] или document.ris1
Объектная модель Web-страницыКаждый HTML-элемент – это объект , который характеризуется: 	свойствами – атрибуты тегов;	методами – функции JavaScript

Слайд 4Объектная модель Web-страницы
Методы (задаются функциями JavaScript):
alert() – выводит окно сообщения;
confirm()

– задает вопрос для ответа (да/нет);
prompt() – принимает от пользователя

текстовое значение;
open() – создает новое окно;
close() – закрывает окно;
focus() – передает фокус (активизацию элемента).
Обработчики событий JavaScript:
onLoad – загрузка документа (Web-страницы)
onChange – изменение значения свойств элемента
onClick – щелчок мышью
onSelect – выделение фрагмента документа
onSubmit – передача сообщения на сервер по сети
onUnload – выгрузка документа (закрытие окна)

Объектная модель Web-страницыМетоды (задаются функциями JavaScript):	alert() – выводит окно сообщения;	confirm() – задает вопрос для ответа (да/нет);	prompt() –

Слайд 5Способы размещения программ на языке JavaScript
В заголовке документа или

внутри :


… программа javascript…


В отдельном файле с типом *.js

и затем связывание его с документом в заголовке или внутри :




Способы размещения программ на языке JavaScriptВ заголовке документа или внутри :			… программа javascript…		В отдельном файле с типом

Слайд 6Способы размещения программ на языке JavaScript
В гипертекстовой ссылке с URL-адресом:
href=«javascript:

программа»
src=javascript: программа»
action=javascript: программа»
В обработчике события:


Способы размещения программ на языке JavaScriptВ гипертекстовой ссылке с URL-адресом:	href=«javascript: программа»	src=javascript: программа»	action=javascript: программа»В обработчике события:

Слайд 7Основные конструкции языка JavaScript
Объявление переменных:
var x;
var x=5;
x=5;
Присваивание:
x=2;
y=3;
x+=y; дает результат x=5;

т.е. эквивалентно записи x=x+y;
(аналогично используются символы присваивания: -=

*= /= )
Операторы:
комментарий: // текст - одна строка
или /* текст */ - блок
Основные конструкции языка JavaScriptОбъявление переменных:	var x;	var x=5;	x=5;Присваивание:	x=2;	y=3;	x+=y; дает результат x=5; т.е. эквивалентно записи x=x+y;	(аналогично используются символы присваивания:

Слайд 8Основные конструкции языка JavaScript
Операторы
Условный: if(условие){код, если верно}else{код, если неверно}

Цикла:

for(нач. зн.; условие для заканч.; приращ.){действия}

или while(условие выполнения){действия}
Операции
приращения : ++ - увеличение значения на 1
- - - уменьшение значения на 1
сравнения: == - равно
!= - не равно
логические: ! - не
&& - и
|| - или

Основные конструкции языка JavaScriptОператоры	Условный: if(условие){код, если верно}else{код, если неверно}		Цикла:    for(нач. зн.; условие для заканч.;

Слайд 9Основные конструкции языка JavaScript
ФункцииФункции Функции пользователя (определяемые)
Определение:
function имя(параметры){действия} -

через ключевое слово function
или
имя=new Function(параметры) – через объект Function
Вызов:


имя(значения параметров)

Встроенные функции:
eval(строка) – вычисляет выражение в строке

Основные конструкции языка JavaScriptФункцииФункции Функции пользователя (определяемые)	Определение: function имя(параметры){действия} - через ключевое слово function 	илиимя=new Function(параметры) –

Обратная связь

Если не удалось найти и скачать доклад-презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

Email: Нажмите что бы посмотреть 

Что такое TheSlide.ru?

Это сайт презентации, докладов, проектов в PowerPoint. Здесь удобно  хранить и делиться своими презентациями с другими пользователями.


Для правообладателей

Яндекс.Метрика