🗊Презентация Назначение и основные понятия JavaScript

Категория: Образование
Нажмите для полного просмотра!
Назначение и основные понятия JavaScript, слайд №1Назначение и основные понятия JavaScript, слайд №2Назначение и основные понятия JavaScript, слайд №3Назначение и основные понятия JavaScript, слайд №4Назначение и основные понятия JavaScript, слайд №5Назначение и основные понятия JavaScript, слайд №6Назначение и основные понятия JavaScript, слайд №7Назначение и основные понятия JavaScript, слайд №8Назначение и основные понятия JavaScript, слайд №9Назначение и основные понятия JavaScript, слайд №10Назначение и основные понятия JavaScript, слайд №11Назначение и основные понятия JavaScript, слайд №12Назначение и основные понятия JavaScript, слайд №13Назначение и основные понятия JavaScript, слайд №14Назначение и основные понятия JavaScript, слайд №15Назначение и основные понятия JavaScript, слайд №16Назначение и основные понятия JavaScript, слайд №17Назначение и основные понятия JavaScript, слайд №18Назначение и основные понятия JavaScript, слайд №19Назначение и основные понятия JavaScript, слайд №20Назначение и основные понятия JavaScript, слайд №21Назначение и основные понятия JavaScript, слайд №22Назначение и основные понятия JavaScript, слайд №23Назначение и основные понятия JavaScript, слайд №24Назначение и основные понятия JavaScript, слайд №25Назначение и основные понятия JavaScript, слайд №26Назначение и основные понятия JavaScript, слайд №27Назначение и основные понятия JavaScript, слайд №28Назначение и основные понятия JavaScript, слайд №29Назначение и основные понятия JavaScript, слайд №30Назначение и основные понятия JavaScript, слайд №31Назначение и основные понятия JavaScript, слайд №32Назначение и основные понятия JavaScript, слайд №33Назначение и основные понятия JavaScript, слайд №34Назначение и основные понятия JavaScript, слайд №35Назначение и основные понятия JavaScript, слайд №36Назначение и основные понятия JavaScript, слайд №37Назначение и основные понятия JavaScript, слайд №38Назначение и основные понятия JavaScript, слайд №39
Скачать

Содержание ▲

Вы можете ознакомиться и скачать презентацию на тему Назначение и основные понятия JavaScript. Доклад-сообщение содержит 39 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

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

Слайд 1


Тема: Основы языка JavaScript Вопрос 1. Назначение и основные понятия JavaScript
Описание слайда:
Тема: Основы языка JavaScript Вопрос 1. Назначение и основные понятия JavaScript

Слайд 2


Назначение и основные понятия JavaScript, слайд №2
Описание слайда:

Слайд 3


Сценариями называются небольшие программы, предназначенные для выполнения определенных операций и функций. Сценариями называются небольшие программы, предназначенные для выполнения определенных операций и функций. Задачи: Создание анимации; Звуковое сопровождение страницы в соответствии с контекстом; Динамическое изменение вида и содержимого страницы; Проверка и передача данных, введенных пользователем в поля формы.
Описание слайда:
Сценариями называются небольшие программы, предназначенные для выполнения определенных операций и функций. Сценариями называются небольшие программы, предназначенные для выполнения определенных операций и функций. Задачи: Создание анимации; Звуковое сопровождение страницы в соответствии с контекстом; Динамическое изменение вида и содержимого страницы; Проверка и передача данных, введенных пользователем в поля формы.

Слайд 4


Коды сценариев JS неразрывно связаны с HTML – кодом Web – страницы и предназначены для динамического взаимодействия с элементами Web – страницы, созданными с помощью кодов HTML. Коды сценариев JS неразрывно связаны с HTML – кодом Web – страницы и предназначены для динамического взаимодействия с элементами Web – страницы, созданными с помощью кодов HTML. Добавления сценариев в код HTML: <SCRIPT></SCRIPT>. Сценарии можно добавлять основной раздел Web – страницы (<BODY>.....</BODY>) в раздел заголовка (<HEAD>.....</HEAD>) в отдельный файл с расширением .js
Описание слайда:
Коды сценариев JS неразрывно связаны с HTML – кодом Web – страницы и предназначены для динамического взаимодействия с элементами Web – страницы, созданными с помощью кодов HTML. Коды сценариев JS неразрывно связаны с HTML – кодом Web – страницы и предназначены для динамического взаимодействия с элементами Web – страницы, созданными с помощью кодов HTML. Добавления сценариев в код HTML: <SCRIPT></SCRIPT>. Сценарии можно добавлять основной раздел Web – страницы (<BODY>.....</BODY>) в раздел заголовка (<HEAD>.....</HEAD>) в отдельный файл с расширением .js

Слайд 5


Путь к файлу указывают в атрибуте SRC дескриптора <SCRIPT>: Путь к файлу указывают в атрибуте SRC дескриптора <SCRIPT>: <SCRIPT SRC=’scripts/MyScript.js’ LANGUAGE=’JavaScript’> </SCRIPT>
Описание слайда:
Путь к файлу указывают в атрибуте SRC дескриптора <SCRIPT>: Путь к файлу указывают в атрибуте SRC дескриптора <SCRIPT>: <SCRIPT SRC=’scripts/MyScript.js’ LANGUAGE=’JavaScript’> </SCRIPT>

Слайд 6


Назначение и основные понятия JavaScript, слайд №6
Описание слайда:

Слайд 7


Назначение и основные понятия JavaScript, слайд №7
Описание слайда:

Слайд 8


Назначение и основные понятия JavaScript, слайд №8
Описание слайда:

Слайд 9


Назначение и основные понятия JavaScript, слайд №9
Описание слайда:

Слайд 10


Назначение и основные понятия JavaScript, слайд №10
Описание слайда:

Слайд 11


Вопрос 2. Размещение кода на HTML-странице Способы функционального применения JavaScript: гипертекстовая ссылка (схема URL); обработчик события (handler); вставка (контейнер SCRIPT).
Описание слайда:
Вопрос 2. Размещение кода на HTML-странице Способы функционального применения JavaScript: гипертекстовая ссылка (схема URL); обработчик события (handler); вставка (контейнер SCRIPT).

Слайд 12


<A HREF="JavaScript:JavaScript_код"> <A HREF="JavaScript:JavaScript_код"> ...</A> <IMG SRC="JavaScript:JavaScript_код"> "JavaScript_код" обозначает программы-обработчики на JavaScript, которые вызываются при выборе гипертекстовой ссылки в первом случае и при загрузке картинки - во втором. ПРИМЕР
Описание слайда:
<A HREF="JavaScript:JavaScript_код"> <A HREF="JavaScript:JavaScript_код"> ...</A> <IMG SRC="JavaScript:JavaScript_код"> "JavaScript_код" обозначает программы-обработчики на JavaScript, которые вызываются при выборе гипертекстовой ссылки в первом случае и при загрузке картинки - во втором. ПРИМЕР

Слайд 13


<html> <html> <head><title>Сообщения в строке состояния</title> </head> <body> <A HREF="JavaScript:alert('Внимание!!!');"> Внимание!!!</A> </body> </html>
Описание слайда:
<html> <html> <head><title>Сообщения в строке состояния</title> </head> <body> <A HREF="JavaScript:alert('Внимание!!!');"> Внимание!!!</A> </body> </html>

Слайд 14


2. Обработчики событий (handler) указываются в атрибутах контейнеров, с которыми эти события связаны. Например, при нажатии на кнопку происходит событие click: 2. Обработчики событий (handler) указываются в атрибутах контейнеров, с которыми эти события связаны. Например, при нажатии на кнопку происходит событие click: <FORM> <INPUT TYPE=button VALUE="Кнопка" onClick="window.alert('intuit');"></FORM> ПРИМЕР
Описание слайда:
2. Обработчики событий (handler) указываются в атрибутах контейнеров, с которыми эти события связаны. Например, при нажатии на кнопку происходит событие click: 2. Обработчики событий (handler) указываются в атрибутах контейнеров, с которыми эти события связаны. Например, при нажатии на кнопку происходит событие click: <FORM> <INPUT TYPE=button VALUE="Кнопка" onClick="window.alert('intuit');"></FORM> ПРИМЕР

Слайд 15


<html> <html> <head><title>Сообщения в строке состояния</title> </head> <body> <FORM> <INPUT TYPE=button VALUE="Кнопка" onClick="window.alert('intuit');"> </FORM> </body> </html>
Описание слайда:
<html> <html> <head><title>Сообщения в строке состояния</title> </head> <body> <FORM> <INPUT TYPE=button VALUE="Кнопка" onClick="window.alert('intuit');"> </FORM> </body> </html>

Слайд 16


3. Вставка (контейнер SCRIPT - принудительный вызов интерпретатора) 3. Вставка (контейнер SCRIPT - принудительный вызов интерпретатора) Код можно разместить либо внутри контейнера HEAD, либо внутри BODY, либо в отдельном файле Функции контейнера SCRIPT: Размещение кода в HTML – документе; 2. Условная генерация HTML – разметки на стороне браузера.
Описание слайда:
3. Вставка (контейнер SCRIPT - принудительный вызов интерпретатора) 3. Вставка (контейнер SCRIPT - принудительный вызов интерпретатора) Код можно разместить либо внутри контейнера HEAD, либо внутри BODY, либо в отдельном файле Функции контейнера SCRIPT: Размещение кода в HTML – документе; 2. Условная генерация HTML – разметки на стороне браузера.

Слайд 17


Назначение и основные понятия JavaScript, слайд №17
Описание слайда:

Слайд 18


Действия пользователей, в ответ на которые происходит изменение страницы, называются событиями. Действия пользователей, в ответ на которые происходит изменение страницы, называются событиями.
Описание слайда:
Действия пользователей, в ответ на которые происходит изменение страницы, называются событиями. Действия пользователей, в ответ на которые происходит изменение страницы, называются событиями.

Слайд 19


Назначение и основные понятия JavaScript, слайд №19
Описание слайда:

Слайд 20


Назначение и основные понятия JavaScript, слайд №20
Описание слайда:

Слайд 21


Назначение и основные понятия JavaScript, слайд №21
Описание слайда:

Слайд 22


Назначение и основные понятия JavaScript, слайд №22
Описание слайда:

Слайд 23


Назначение и основные понятия JavaScript, слайд №23
Описание слайда:

Слайд 24


Создание пользовательских функций Функции в сценариях используются для достижения следующих целей: для динамического добавления или удаления элементов Web – страницы, изменения их свойств; для выполнения вычислений и возвращения результата по месту вызова функции (return).
Описание слайда:
Создание пользовательских функций Функции в сценариях используются для достижения следующих целей: для динамического добавления или удаления элементов Web – страницы, изменения их свойств; для выполнения вычислений и возвращения результата по месту вызова функции (return).

Слайд 25


Пользовательские функции создаются с помощью ключевого слова function: <SCRIPT LANGUAGE=’JavaScript’> Пользовательские функции создаются с помощью ключевого слова function: <SCRIPT LANGUAGE=’JavaScript’> function ИмяФункци(список аргументов) { код функции } другие функции … </SCRIPT>
Описание слайда:
Пользовательские функции создаются с помощью ключевого слова function: <SCRIPT LANGUAGE=’JavaScript’> Пользовательские функции создаются с помощью ключевого слова function: <SCRIPT LANGUAGE=’JavaScript’> function ИмяФункци(список аргументов) { код функции } другие функции … </SCRIPT>

Слайд 26


Вызов функции: Вызов функции: Имя_функции(список аргументов); ПРИМЕР
Описание слайда:
Вызов функции: Вызов функции: Имя_функции(список аргументов); ПРИМЕР

Слайд 27


Назначение и основные понятия JavaScript, слайд №27
Описание слайда:

Слайд 28


Назначение и основные понятия JavaScript, слайд №28
Описание слайда:

Слайд 29


Назначение и основные понятия JavaScript, слайд №29
Описание слайда:

Слайд 30


Назначение и основные понятия JavaScript, слайд №30
Описание слайда:

Слайд 31


Назначение и основные понятия JavaScript, слайд №31
Описание слайда:

Слайд 32


Назначение и основные понятия JavaScript, слайд №32
Описание слайда:

Слайд 33


Назначение и основные понятия JavaScript, слайд №33
Описание слайда:

Слайд 34


Назначение и основные понятия JavaScript, слайд №34
Описание слайда:

Слайд 35


Методы управления окнами. alert(); confirm(); prompt().
Описание слайда:
Методы управления окнами. alert(); confirm(); prompt().

Слайд 36


В JavaScript используются три встроенных диалоговых окна. Заголовки и набор кнопок в этих окнах постоянны. Текст сообщения задается аргументом функции открытия диалогового окна.
Описание слайда:
В JavaScript используются три встроенных диалоговых окна. Заголовки и набор кнопок в этих окнах постоянны. Текст сообщения задается аргументом функции открытия диалогового окна.

Слайд 37


alert(“сообщение”) – открывает диалоговое окно с текстом сообщения и единственной кнопкой ОК. alert(“сообщение”) – открывает диалоговое окно с текстом сообщения и единственной кнопкой ОК. Это диалоговое окно применяется для показа предупреждений или информационных сообщений, не требующих от пользователя принятия каких-либо решений. <A HREF="javascript:window.alert('Внимание')"> Повторите запрос! </A>
Описание слайда:
alert(“сообщение”) – открывает диалоговое окно с текстом сообщения и единственной кнопкой ОК. alert(“сообщение”) – открывает диалоговое окно с текстом сообщения и единственной кнопкой ОК. Это диалоговое окно применяется для показа предупреждений или информационных сообщений, не требующих от пользователя принятия каких-либо решений. <A HREF="javascript:window.alert('Внимание')"> Повторите запрос! </A>

Слайд 38


confirm(“сообщение”) – открывает диалоговое окно с текстом сообщения и двумя кнопками – OK и Cancel. confirm(“сообщение”) – открывает диалоговое окно с текстом сообщения и двумя кнопками – OK и Cancel. В зависимости от выбора кнопки функция confirm возвращает значение TRUE (OK) или FALSE (Cancel).
Описание слайда:
confirm(“сообщение”) – открывает диалоговое окно с текстом сообщения и двумя кнопками – OK и Cancel. confirm(“сообщение”) – открывает диалоговое окно с текстом сообщения и двумя кнопками – OK и Cancel. В зависимости от выбора кнопки функция confirm возвращает значение TRUE (OK) или FALSE (Cancel).

Слайд 39


prompt(“сообщение”,”текст по умолчанию”) – открывает окно для ввода данных пользователем. prompt(“сообщение”,”текст по умолчанию”) – открывает окно для ввода данных пользователем. Содержит кнопки ОК, Cancel и текстовое поле. В текстовом поле по умолчанию отображается текст, заданный во втором аргументе функции prompt. Можно оставить текстовое поле пустым – “”. Если второй аргумент пропустить, то в текстовом поле отобразится текст undefined. После щелчка по кнопке ОК функция prompt возвращает значение текстового поля, а после щелчка по кнопке Cancel – значение false. ПРИМЕР3
Описание слайда:
prompt(“сообщение”,”текст по умолчанию”) – открывает окно для ввода данных пользователем. prompt(“сообщение”,”текст по умолчанию”) – открывает окно для ввода данных пользователем. Содержит кнопки ОК, Cancel и текстовое поле. В текстовом поле по умолчанию отображается текст, заданный во втором аргументе функции prompt. Можно оставить текстовое поле пустым – “”. Если второй аргумент пропустить, то в текстовом поле отобразится текст undefined. После щелчка по кнопке ОК функция prompt возвращает значение текстового поля, а после щелчка по кнопке Cancel – значение false. ПРИМЕР3

Скачать

Похожие презентации
Mypresentation.ru
Загрузить презентацию