Презентация Общие сведения. Назначение и применение JavaScript онлайн
На нашем сайте вы можете скачать и просмотреть онлайн доклад-презентацию на тему Общие сведения. Назначение и применение JavaScript абсолютно бесплатно. Урок-презентация на эту тему содержит всего 23 слайда. Все материалы созданы в программе PowerPoint и имеют формат ppt или же pptx. Материалы и темы для презентаций взяты из открытых источников и загружены их авторами, за качество и достоверность информации в них администрация сайта не отвечает, все права принадлежат их создателям. Если вы нашли то, что искали, отблагодарите авторов - поделитесь ссылкой в социальных сетях, а наш сайт добавьте в закладки.
Оцените презентацию от 1 до 5 баллов!
- Тип файла:ppt / pptx (powerpoint)
- Всего слайдов:23 слайда
- Для класса:1,2,3,4,5,6,7,8,9,10,11
- Размер файла:304.80 kB
- Просмотров:71
- Скачиваний:0
- Автор:неизвестен
Слайды и текст к этой презентации:
№1 слайд
Содержание слайда: Общие сведения.
Назначение и применение JavaScript.
Ст. преподаватель Еремеев А.А.
YeremeevAA@mpei.ru
№2 слайд
Содержание слайда: Что необходимо знать для создания сайта?
№3 слайд
Содержание слайда: Кратко о HTML
HTML (HyperText Markup Language )— «язык гипертекстовой разметки».
HTML не является языком программирования, он предназначен для разметки текстовых документов.
То, как будут выглядеть картинки, текст и другие элементы на вашей странице, и как они будут располагаться относительно друг друга, определяют HTML-контейнеры - тэги.
№4 слайд
Содержание слайда: Структура HTML-документа
<html>
<head>
<title>Мой первый шаг </title>
</head>
<body>
Здравствуйте, это моя первая страница.
<br>
Добро пожаловать! :)
</body>
</html>
№5 слайд
Содержание слайда: Тэги
Все тэги, расположенные между <head> </head>, это что-то вроде служебной информации.
Все тэги, расположенные между <body> </body> - непосредственное содержание документа.
№6 слайд
Содержание слайда: JavaScript
Язык управления сценариями просмотра гипертекстовых страниц Web на стороне клиента.
Основная идея JavaScript состоит в возможности изменения значений атрибутов HTML-контейнеров и свойств среды отображения в процессе просмотра HTML-страницы пользователем. При этом перезагрузки страницы не происходит.
№7 слайд
Содержание слайда: Размещение кода JavaScript на HTML-странице
JavaScript-код исполняет браузер.
Три способа функционального применения JavaScript:
гипертекстовая ссылка (схема URL);
обработчик события (в атрибутах, отвечающих событиям);
вставка (контейнер <SCRIPT> ).
№8 слайд
Содержание слайда: Оператор alert()
Оператор alert(строка) выводит эту строку на экран в окне предупреждения
№9 слайд
Содержание слайда: Оператор document.write()
Оператор document.write(строка) записывает указанную строку в текущий HTML-документ.
№10 слайд
Содержание слайда: Способ 1: URL-схема "JavaScript:"
Схема URL (Uniform Resource Locator) - один из основных элементов Web-технологии.
В Web-технологии стандартной программой, вызываемой при гипертекстовом переходе, является программа загрузки страницы (т.е. при клике по ссылке загружается страница с указанным URL). JavaScript позволяет поменять стандартную программу на программу пользователя.
№11 слайд
Содержание слайда: Способ 1: URL-схема "JavaScript:"
Для того, чтобы отличить стандартный переход по протоколу HTTP от перехода, программируемого на JavaScript, разработчики языка ввели новую схему URL - JavaScript:
<A HREF="JavaScript:код_программы">...</A>
<FORM ACTION="JavaScript:код_программы" ...> ... </FORM>
№12 слайд
Содержание слайда: Пример 1
<A HREF="JavaScript:alert('Внимание!!!');"> Кликни здесь</A>
№13 слайд
Содержание слайда: Пример 2
<FORM METHOD=post NAME="form"
ACTION="JavaScript:form.e.value='Нажали кнопку: Заполнить';void(0);">
<INPUT TYPE=text NAME=e SIZE=30 VALUE=""><BR>
<INPUT TYPE=submit VALUE="Заполнить">
<INPUT TYPE=reset VALUE="Очистить">
</FORM>
№14 слайд
Содержание слайда: Способ 2: обработчики событий
Обработчики событий, указываются в атрибутах теги, с которыми эти события связаны. Например, при нажатии на кнопку происходит событие Click и соответственно вызывается обработчик этого события onClick:
<FORM>
<INPUT TYPE=button VALUE="Кнопка"
onClick="alert('Вы нажали кнопку');"> </FORM>
№15 слайд
Содержание слайда: Способ 2: обработчики событий
В момент завершения полной загрузки документа (он связан с контейнером <BODY> ) происходит событие Load и, соответственно, будет вызван обработчик этого события onLoad:
<BODY onLoad="alert('Приветствуем!');">
...
</BODY>
№16 слайд
Содержание слайда: Способ 3: вставка
(тег<SCRIPT>)
Два способа:
Внутри контейнера:
<SCRIPT>
a = 5;
</SCRIPT>
Отдельный файл:
<SCRIPT SRC="myscript.js"></SCRIPT>
№17 слайд
Содержание слайда: Особенность
Не использовать последовательность символов </SCRIPT> в коде:
<SCRIPT>
alert(‘ </script> ');
</SCRIPT>
№18 слайд
Содержание слайда: Размещение кода внутри HTML-документа
<HTML><HEAD>
<SCRIPT>
function time_scroll()
{ var d = new Date();
window.status = d.getHours()
+ ':' + d.getMinutes()
+ ':' + d.getSeconds();
setTimeout('time_scroll()',1000); }
</SCRIPT>
</HEAD>
<BODY onLoad="time_scroll()">
<H1>Часы в строке статуса</H1>
</BODY> </HTML>
№19 слайд
Содержание слайда: Условная генерация HTML-разметки на стороне браузера
<BODY>
...
<SCRIPT>
d = new Date();
document.write('Момент загрузки страницы: '
+ d.getHours() + ':'
+ d.getMinutes() + ':'
+ d.getSeconds());
</SCRIPT>
...
</BODY>
№20 слайд
Содержание слайда: Комментарии в HTML и JavaScript
<SCRIPT>
a=5; // однострочный комментарий
/* Многострочный
комментарий */
</SCRIPT>
№21 слайд
Содержание слайда: Скрытие JS от интерпретации старых браузеров
<SCRIPT>
<!-- Скрываем JavaScript-код от старых браузеров
a = 5;
// -->
</SCRIPT>
№22 слайд
Содержание слайда: Указание языка сценария
Устаревший атрибут Language:
<SCRIPT LANGUAGE="JavaScript">
...
</SCRIPT>
Атрибут Type:
<SCRIPT TYPE="text/javascript">
...
</SCRIPT>
№23 слайд
Содержание слайда: Регистр символов
Язык HTML является регистро-независимым.
<SCRIPT> и <script> ;
Type, LANGuage и src ;
" JavaSCRIPT " и " TEXT/JavaScript.
Язык JavaScript - регистро-зависимый.
myText и MyText ;
document.write() и Document.write().
Скачать все slide презентации Общие сведения. Назначение и применение JavaScript одним архивом:
