Презентация Назначение и основные понятия JavaScript онлайн
На нашем сайте вы можете скачать и просмотреть онлайн доклад-презентацию на тему Назначение и основные понятия JavaScript абсолютно бесплатно. Урок-презентация на эту тему содержит всего 39 слайдов. Все материалы созданы в программе PowerPoint и имеют формат ppt или же pptx. Материалы и темы для презентаций взяты из открытых источников и загружены их авторами, за качество и достоверность информации в них администрация сайта не отвечает, все права принадлежат их создателям. Если вы нашли то, что искали, отблагодарите авторов - поделитесь ссылкой в социальных сетях, а наш сайт добавьте в закладки.
Оцените презентацию от 1 до 5 баллов!
- Тип файла:ppt / pptx (powerpoint)
- Всего слайдов:39 слайдов
- Для класса:1,2,3,4,5,6,7,8,9,10,11
- Размер файла:137.50 kB
- Просмотров:81
- Скачиваний:0
- Автор:неизвестен
Слайды и текст к этой презентации:
№1 слайд
Содержание слайда: Тема: Основы языка JavaScript
Вопрос 1. Назначение и основные понятия JavaScript
№2 слайд
Содержание слайда:
№3 слайд
Содержание слайда: Сценариями называются небольшие программы, предназначенные для выполнения определенных операций и функций.
Сценариями называются небольшие программы, предназначенные для выполнения определенных операций и функций.
Задачи:
Создание анимации;
Звуковое сопровождение страницы в соответствии с контекстом;
Динамическое изменение вида и содержимого страницы;
Проверка и передача данных, введенных пользователем в поля формы.
№4 слайд
Содержание слайда: Коды сценариев 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>
№6 слайд
Содержание слайда:
№7 слайд
Содержание слайда:
№8 слайд
Содержание слайда:
№9 слайд
Содержание слайда:
№10 слайд
Содержание слайда:
№11 слайд
Содержание слайда: Вопрос 2. Размещение кода на HTML-странице
Способы функционального применения JavaScript:
гипертекстовая ссылка (схема URL);
обработчик события (handler);
вставка (контейнер SCRIPT).
№12 слайд
Содержание слайда: <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>
№14 слайд
Содержание слайда: 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>
№16 слайд
Содержание слайда: 3. Вставка (контейнер SCRIPT - принудительный вызов интерпретатора)
3. Вставка (контейнер SCRIPT - принудительный вызов интерпретатора)
Код можно разместить либо внутри контейнера HEAD, либо внутри BODY, либо в отдельном файле
Функции контейнера SCRIPT:
Размещение кода в HTML – документе;
2. Условная генерация HTML – разметки на стороне браузера.
№17 слайд
Содержание слайда:
№18 слайд
Содержание слайда: Действия пользователей, в ответ на которые происходит изменение страницы, называются событиями.
Действия пользователей, в ответ на которые происходит изменение страницы, называются событиями.
№19 слайд
Содержание слайда:
№20 слайд
Содержание слайда:
№21 слайд
Содержание слайда:
№22 слайд
Содержание слайда:
№23 слайд
Содержание слайда:
№24 слайд
Содержание слайда: Создание пользовательских функций
Функции в сценариях используются для достижения следующих целей:
для динамического добавления или удаления элементов Web – страницы, изменения их свойств;
для выполнения вычислений и возвращения результата по месту вызова функции (return).
№25 слайд
Содержание слайда: Пользовательские функции создаются с помощью ключевого слова function: <SCRIPT LANGUAGE=’JavaScript’>
Пользовательские функции создаются с помощью ключевого слова function: <SCRIPT LANGUAGE=’JavaScript’>
function ИмяФункци(список аргументов) {
код функции
}
другие функции …
</SCRIPT>
№26 слайд
Содержание слайда: Вызов функции:
Вызов функции:
Имя_функции(список аргументов);
ПРИМЕР
№27 слайд
Содержание слайда:
№28 слайд
Содержание слайда:
№29 слайд
Содержание слайда:
№30 слайд
Содержание слайда:
№31 слайд
Содержание слайда:
№32 слайд
Содержание слайда:
№33 слайд
Содержание слайда:
№34 слайд
Содержание слайда:
№35 слайд
Содержание слайда: Методы управления окнами.
alert();
confirm();
prompt().
№36 слайд
Содержание слайда: В JavaScript используются три встроенных диалоговых окна. Заголовки и набор кнопок в этих окнах постоянны. Текст сообщения задается аргументом функции открытия диалогового окна.
№37 слайд
Содержание слайда: alert(“сообщение”) – открывает диалоговое окно с текстом сообщения и единственной кнопкой ОК.
alert(“сообщение”) – открывает диалоговое окно с текстом сообщения и единственной кнопкой ОК.
Это диалоговое окно применяется для показа предупреждений или информационных сообщений, не требующих от пользователя принятия каких-либо решений.
<A HREF="javascript:window.alert('Внимание')">
Повторите запрос!
</A>
№38 слайд
Содержание слайда: confirm(“сообщение”) – открывает диалоговое окно с текстом сообщения и двумя кнопками – OK и Cancel.
confirm(“сообщение”) – открывает диалоговое окно с текстом сообщения и двумя кнопками – OK и Cancel.
В зависимости от выбора кнопки функция confirm возвращает значение TRUE (OK) или FALSE (Cancel).
№39 слайд
Содержание слайда: prompt(“сообщение”,”текст по умолчанию”) – открывает окно для ввода данных пользователем.
prompt(“сообщение”,”текст по умолчанию”) – открывает окно для ввода данных пользователем.
Содержит кнопки ОК, Cancel и текстовое поле.
В текстовом поле по умолчанию отображается текст, заданный во втором аргументе функции prompt. Можно оставить текстовое поле пустым – “”.
Если второй аргумент пропустить, то в текстовом поле отобразится текст undefined. После щелчка по кнопке ОК функция prompt возвращает значение текстового поля, а после щелчка по кнопке Cancel – значение false.
ПРИМЕР3
Скачать все slide презентации Назначение и основные понятия JavaScript одним архивом:
