🗊Презентация Общие сведения. Назначение и применение 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. Доклад-сообщение содержит 23 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

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

Слайд 1


Общие сведения. Назначение и применение JavaScript. Ст. преподаватель Еремеев А.А. YeremeevAA@mpei.ru
Описание слайда:
Общие сведения. Назначение и применение JavaScript. Ст. преподаватель Еремеев А.А. YeremeevAA@mpei.ru

Слайд 2


Что необходимо знать для создания сайта?
Описание слайда:
Что необходимо знать для создания сайта?

Слайд 3


Кратко о HTML HTML (HyperText Markup Language )— «язык гипертекстовой разметки». HTML не является языком программирования, он предназначен для разметки текстовых документов. То, как будут выглядеть картинки, текст и другие элементы на вашей странице, и как они будут располагаться относительно друг друга, определяют HTML-контейнеры - тэги.
Описание слайда:
Кратко о HTML HTML (HyperText Markup Language )— «язык гипертекстовой разметки». HTML не является языком программирования, он предназначен для разметки текстовых документов. То, как будут выглядеть картинки, текст и другие элементы на вашей странице, и как они будут располагаться относительно друг друга, определяют HTML-контейнеры - тэги.

Слайд 4


Структура HTML-документа <html> <head> <title>Мой первый шаг </title> </head> <body> Здравствуйте, это моя первая страница. <br> Добро пожаловать! :) </body> </html>
Описание слайда:
Структура HTML-документа <html> <head> <title>Мой первый шаг </title> </head> <body> Здравствуйте, это моя первая страница. <br> Добро пожаловать! :) </body> </html>

Слайд 5


Тэги Все тэги, расположенные между <head> </head>, это что-то вроде служебной информации. Все тэги, расположенные между <body> </body> - непосредственное содержание документа.
Описание слайда:
Тэги Все тэги, расположенные между <head> </head>, это что-то вроде служебной информации. Все тэги, расположенные между <body> </body> - непосредственное содержание документа.

Слайд 6


JavaScript Язык управления сценариями просмотра гипертекстовых страниц Web на стороне клиента. Основная идея JavaScript состоит в возможности изменения значений атрибутов HTML-контейнеров и свойств среды отображения в процессе просмотра HTML-страницы пользователем. При этом перезагрузки страницы не происходит.
Описание слайда:
JavaScript Язык управления сценариями просмотра гипертекстовых страниц Web на стороне клиента. Основная идея JavaScript состоит в возможности изменения значений атрибутов HTML-контейнеров и свойств среды отображения в процессе просмотра HTML-страницы пользователем. При этом перезагрузки страницы не происходит.

Слайд 7


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

Слайд 8


Оператор alert() Оператор alert(строка) выводит эту строку на экран в окне предупреждения
Описание слайда:
Оператор alert() Оператор alert(строка) выводит эту строку на экран в окне предупреждения

Слайд 9


Оператор document.write() Оператор document.write(строка) записывает указанную строку в текущий HTML-документ.
Описание слайда:
Оператор document.write() Оператор document.write(строка) записывает указанную строку в текущий HTML-документ.

Слайд 10


Способ 1: URL-схема "JavaScript:" Схема URL (Uniform Resource Locator) - один из основных элементов Web-технологии. В Web-технологии стандартной программой, вызываемой при гипертекстовом переходе, является программа загрузки страницы (т.е. при клике по ссылке загружается страница с указанным URL). JavaScript позволяет поменять стандартную программу на программу пользователя.
Описание слайда:
Способ 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>
Описание слайда:
Способ 1: URL-схема "JavaScript:" Для того, чтобы отличить стандартный переход по протоколу HTTP от перехода, программируемого на JavaScript, разработчики языка ввели новую схему URL - JavaScript: <A HREF="JavaScript:код_программы">...</A> <FORM ACTION="JavaScript:код_программы" ...> ... </FORM>

Слайд 12


Пример 1 <A HREF="JavaScript:alert('Внимание!!!');"> Кликни здесь</A>
Описание слайда:
Пример 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>
Описание слайда:
Пример 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>
Описание слайда:
Способ 2: обработчики событий Обработчики событий, указываются в атрибутах теги, с которыми эти события связаны. Например, при нажатии на кнопку происходит событие Click и соответственно вызывается обработчик этого события onClick: <FORM> <INPUT TYPE=button VALUE="Кнопка" onClick="alert('Вы нажали кнопку');"> </FORM>

Слайд 15


Способ 2: обработчики событий В момент завершения полной загрузки документа (он связан с контейнером <BODY> ) происходит событие Load и, соответственно, будет вызван обработчик этого события onLoad: <BODY onLoad="alert('Приветствуем!');"> ... </BODY>
Описание слайда:
Способ 2: обработчики событий В момент завершения полной загрузки документа (он связан с контейнером <BODY> ) происходит событие Load и, соответственно, будет вызван обработчик этого события onLoad: <BODY onLoad="alert('Приветствуем!');"> ... </BODY>

Слайд 16


Способ 3: вставка (тег<SCRIPT>) Два способа: Внутри контейнера: <SCRIPT> a = 5; </SCRIPT> Отдельный файл: <SCRIPT SRC="myscript.js"></SCRIPT>
Описание слайда:
Способ 3: вставка (тег<SCRIPT>) Два способа: Внутри контейнера: <SCRIPT> a = 5; </SCRIPT> Отдельный файл: <SCRIPT SRC="myscript.js"></SCRIPT>

Слайд 17


Особенность Не использовать последовательность символов </SCRIPT> в коде: <SCRIPT> alert(‘ </script> '); </SCRIPT>
Описание слайда:
Особенность Не использовать последовательность символов </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>
Описание слайда:
Размещение кода внутри 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>
Описание слайда:
Условная генерация HTML-разметки на стороне браузера <BODY> ... <SCRIPT> d = new Date(); document.write('Момент загрузки страницы: ' + d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds()); </SCRIPT> ... </BODY>

Слайд 20


Комментарии в HTML и JavaScript <SCRIPT>   a=5; // однострочный комментарий   /* Многострочный комментарий */   </SCRIPT>
Описание слайда:
Комментарии в HTML и JavaScript <SCRIPT>   a=5; // однострочный комментарий   /* Многострочный комментарий */   </SCRIPT>

Слайд 21


Скрытие JS от интерпретации старых браузеров <SCRIPT> <!-- Скрываем JavaScript-код от старых браузеров   a = 5;   // --> </SCRIPT>
Описание слайда:
Скрытие JS от интерпретации старых браузеров <SCRIPT> <!-- Скрываем JavaScript-код от старых браузеров   a = 5;   // --> </SCRIPT>

Слайд 22


Указание языка сценария Устаревший атрибут Language: <SCRIPT LANGUAGE="JavaScript"> ... </SCRIPT> Атрибут Type: <SCRIPT TYPE="text/javascript"> ... </SCRIPT>
Описание слайда:
Указание языка сценария Устаревший атрибут 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().
Описание слайда:
Регистр символов Язык HTML является регистро-независимым. <SCRIPT> и <script> ; Type, LANGuage и src ; " JavaSCRIPT " и " TEXT/JavaScript. Язык JavaScript - регистро-зависимый. myText и MyText ; document.write() и Document.write().

Скачать

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