Тема 11. Введение в JavaScript - презентация, доклад, проект скачать

Нажмите для полного просмотра!

Тема 11. Введение в JavaScript, слайд №1

Тема 11. Введение в JavaScript, слайд №2

Тема 11. Введение в JavaScript, слайд №3

Тема 11. Введение в JavaScript, слайд №4

Тема 11. Введение в JavaScript, слайд №5

Тема 11. Введение в JavaScript, слайд №6

Тема 11. Введение в JavaScript, слайд №7

Тема 11. Введение в JavaScript, слайд №8

Тема 11. Введение в JavaScript, слайд №9

Тема 11. Введение в JavaScript, слайд №10

Тема 11. Введение в JavaScript, слайд №11

Тема 11. Введение в JavaScript, слайд №12

Тема 11. Введение в JavaScript, слайд №13

Тема 11. Введение в JavaScript, слайд №14

Тема 11. Введение в JavaScript, слайд №15

Тема 11. Введение в JavaScript, слайд №16

Тема 11. Введение в JavaScript, слайд №17

Тема 11. Введение в JavaScript, слайд №18

Тема 11. Введение в JavaScript, слайд №19

Тема 11. Введение в JavaScript, слайд №20

Тема 11. Введение в JavaScript, слайд №21

Тема 11. Введение в JavaScript, слайд №22

Тема 11. Введение в JavaScript, слайд №23

Тема 11. Введение в JavaScript, слайд №24

Тема 11. Введение в JavaScript, слайд №25

Тема 11. Введение в JavaScript, слайд №26

Тема 11. Введение в JavaScript, слайд №27

Тема 11. Введение в JavaScript, слайд №28

Тема 11. Введение в JavaScript, слайд №29

Тема 11. Введение в JavaScript, слайд №30

Тема 11. Введение в JavaScript, слайд №31

Тема 11. Введение в JavaScript, слайд №32

Тема 11. Введение в JavaScript, слайд №33

Тема 11. Введение в JavaScript, слайд №34

Тема 11. Введение в JavaScript, слайд №35

Тема 11. Введение в JavaScript, слайд №36

Тема 11. Введение в JavaScript, слайд №37

Тема 11. Введение в JavaScript, слайд №38

Тема 11. Введение в JavaScript, слайд №39

Тема 11. Введение в JavaScript, слайд №40

Тема 11. Введение в JavaScript, слайд №41

Тема 11. Введение в JavaScript, слайд №42

Тема 11. Введение в JavaScript, слайд №43

Тема 11. Введение в JavaScript, слайд №44

Тема 11. Введение в JavaScript, слайд №45

Тема 11. Введение в JavaScript, слайд №46

Тема 11. Введение в JavaScript, слайд №47

Тема 11. Введение в JavaScript, слайд №48

Тема 11. Введение в JavaScript, слайд №49

Тема 11. Введение в JavaScript, слайд №50

Тема 11. Введение в JavaScript, слайд №51

Тема 11. Введение в JavaScript, слайд №52

Тема 11. Введение в JavaScript, слайд №53

Тема 11. Введение в JavaScript, слайд №54

Тема 11. Введение в JavaScript, слайд №55

Тема 11. Введение в JavaScript, слайд №56

Тема 11. Введение в JavaScript, слайд №57

Тема 11. Введение в JavaScript, слайд №58

Тема 11. Введение в JavaScript, слайд №59

Тема 11. Введение в JavaScript, слайд №60

Тема 11. Введение в JavaScript, слайд №61

Тема 11. Введение в JavaScript, слайд №62

Тема 11. Введение в JavaScript, слайд №63

Тема 11. Введение в JavaScript, слайд №64

Тема 11. Введение в JavaScript, слайд №65

Тема 11. Введение в JavaScript, слайд №66

Тема 11. Введение в JavaScript, слайд №67

Тема 11. Введение в JavaScript, слайд №68

Тема 11. Введение в JavaScript, слайд №69

Тема 11. Введение в JavaScript, слайд №70

Тема 11. Введение в JavaScript, слайд №71

Тема 11. Введение в JavaScript, слайд №72

Тема 11. Введение в JavaScript, слайд №73

Тема 11. Введение в JavaScript, слайд №74

Тема 11. Введение в JavaScript, слайд №75

Тема 11. Введение в JavaScript, слайд №76

Тема 11. Введение в JavaScript, слайд №77

Тема 11. Введение в JavaScript, слайд №78

Тема 11. Введение в JavaScript, слайд №79

Содержание ▲

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

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

Слайд 1

Описание слайда:

Tema 11. Введение в JavaScript

Слайд 2

Описание слайда:

СОДЕРЖАНИЕ Введение в Web-программирование Введение в JavaScript Общее описание JS Синтаксис Примеры

Слайд 3

Описание слайда:

ПОНЯТИЕ „WEB-ПРОГРАММИРОВАНИЕ” В общем предполагает программирование сайтов для Интернета (глобальная сеть) или Интранета (локальная сеть) Некоторые специалисты часто используют понятие «веб-разработка» (“web development”), которая ссылается на: кодирование и маркировкe, анализ области для которой разрабатывается сайт проектирование решения менеджмент (планирование и управление) содержимого сайта написание клиентских скриптов и скриптов на стороне сервера настройка безопасности сети и веб-серверов развитие электронного бизнеса

Слайд 4

Описание слайда:

ОБЛАСТИ ПРИМЕНЕНИЯ ВЕБ-ПРОГРАММИРОВАНИЯ Веб-программирование относится к разработке статических сайтов (HTML+CSS), которые, обычно имеют расширение .html

Слайд 5

Описание слайда:

ОБЛАСТИ ПРИМЕНЕНИЯ ВЕБ-ПРОГРАММИРОВАНИЯ Веб-программирование относится и к разработке динамических сайтов – сложные web-приложения или системы, электронный бизнес, социальные сети (Facebook) etc.

Слайд 6

Описание слайда:

КЛИЕНТ-СЕРВЕРНАЯ МОДЕЛЬ Клиент-сервер это вычислительная или сетевая архитектура, в которой задания или сетевая нагрузка распределены между поставщиками услуг, называемыми серверами, и заказчиками услуг, называемыми клиентами Физически клиент и сервер — это программное обеспечение Обычно клиент и сервер взаимодействуют через компьютерную сеть посредством сетевых протоколов и находятся на разных вычислительных машинах, но могут выполняться также и на одной машине Программы — сервера, ожидают от клиентских программ запросы и предоставляют им свои ресурсы в виде данных (например, загрузка файлов посредством HTTP, FTP или работа с базами данных) или сервисных функций (например, работа с электронной почтой, просмотр web-страниц во всемирной паутине) Клиент не делится ни с кем, никакими ресурсами

Слайд 7

Описание слайда:

КЛИЕНТ-СЕРВЕРНАЯ МОДЕЛЬ

Слайд 8

Описание слайда:

WEB-СКРИПТЫ Web-скрипт это программные коды для компьютера созданные с целью динамизации Web-страницы Пример (источник: Microsoft): Web-скрипт можно использовать для включения счетчика, считающий посетителей – его значение растет при каждом новым посещении сайта Web-скрипт можно использовать для включения счетчика, считающий в убывающем порядке для какого-то специального события: „осталось только x дней”, где x уменьшается на 1 каждый день Гостевые книги, доски объявлений, голосования и т.д

Слайд 9

Описание слайда:

WEB-СКРИПТЫ Обычно web-скрипты выполняются веб-браузером, когда веб-страница открывается для отображения информации сгенерированные сценариями скрипта или выполняются на сервере Создание веб-скриптов требует знаний в области программирования Скрипты в веб-программирование могут быть: Client-side (Client-side scripts) – на стороне клиента Server-side (Server-side scripts) – на стороне сервера

Слайд 10

Описание слайда:

„CLIENT-SIDE” ПРОГРАММИРОВАНИЕ Клиентские скрипты выполняются на стороне клиента, веб-браузером пользователя Клиентские скрипты часто включаются/ внедряются в HTML документе (и называются "встроенными сценариями") или в отдельном файле, к которому документ (или документы) его использующий, делает ссылку (и поэтому в данном случае называется «внешним сценарием Браузер пользователя выполняет сценарий, затем отображает документ Клиентские скрипты могут также содержать инструкции для пользовательского браузера, с целью проверки действий пользователя (например, нажатие кнопки) Часто, эти инструкции можно использовать без дальнейшего общения с сервером Клиентские скрипты не требуют дополнительного программного обеспечения на сервере Им необходимо чтобы веб-браузер пользователя, понимал язык сценариев, на которых они были написаны Scipting языки на стороне клиента: JavaScript, ActionScript, VBScript, и т.д. Ajax является важным дополнением к языку JavaScript

Слайд 11

Описание слайда:

DHTML Программирование на стороне клиента является важной частью концепта Dynamic-HTML (DHTML) DHTML не является языком программирования В DHTML - используются несколько технологий вместе, для создания интерактивных и анимированных веб-сайтов: Язык маркировки (как HTML), Язык для client-side скриптинга (как например JavaScript), Язык описывающий стили страниц сайта (как CSS), DOM (Document Object Model) для HTML ( Dynamic HTML это возможность/метод представления страниц сайта Контент страницы не меняется!!! Примечание: не путайте понятие DHTML с понятием динамический сайт!

Слайд 12

Описание слайда:

ДИНАМИЧЕСКИЕ WEB-СТРАНИЦЫ Динамическая страница это веб-страница, сгенерированная программно, в отличие от статичной страницы, которая является просто файлом, лежащим на сервере Сервер генерирует HTML-код динамической страницы для обработки браузером Динамические страницы обычно обрабатывают и выводят информацию из базы данных Пример: Google.translate, Internet-Banking etc.

Слайд 13

Описание слайда:

Слайд 14

Описание слайда:

SERVER-SIDE ПРОГРАММИРОВАНИЕ Сценарии, предназначенные для выполнения на стороне сервера, располагаются на сервере Принимая запрос пользователя, сервер запускает программу на выполнение (которая была указана при активировании события) В результате выполнения программы, выходные данные передаются web-серверу, а затем клиенту (в виде HTML-страниц) Документы сгенерированные на сервере могут содержать скрипты client-side Для написания сценариев, работающих на стороне сервера, обычно используются такие технологии, как Perl, ASP, ASP NET, PHP, server-side JavaScript etc.

Слайд 15

Описание слайда:

SERVER-SIDE ПРОГРАММИРОВАНИЕ Скрипты server-side выполняются на сервере, и генерируют одни и те же выходы, в не зависимости от браузера клиента, его операционной системы и др. Дополнительно:

Слайд 16

Описание слайда:

JAVA SCRIPT - ОБЩЕЕ JavaScript является языком программирования (один из самых популярных), используемый для программирования в сетях компьютеров, серверов, смарт-фон-ов и т.д. Почти все современные HTML страницы используют JavaScript Изучение языка JavaScript необходимо потому, что: HTML необходимо для определения содержания веб-страниц CSS – для определения стиля веб-страницы JavaScript – для программирования поведения сайта

Слайд 17

Описание слайда:

ИСПОЛЬЗОВАНИЕ JAVA SCRIPT DOM HTML (Document Object Model) это официальный стандарт консорциума W3C, используемый для доступа к HTML-элементу какого-то HTML-документа "The W3C Document Object Model (DOM) is a platform and language-neutral interface that allows programs and scripts to dynamically access and update the content, structure, and style of a document." JavaScript может изменить контент HTML-документа манипулируя с DOM HTML JavaScript может быть использован для: изменения HTML-элементов, удаления HTML-элементов, создание HTML-элементов, копирование HTML-элементов и т.д. Пример Изменение контента HTML-элемента: Метод document.getElementById() один из многочисленных методов используемых с HTML DOM

Слайд 18

Описание слайда:

ПРИМЕР ИЗМЕНЕНИЯ КОНТЕНТА HTML-ЭЛЕМЕНТА Пример использования JS Пример изменения контента JavaScript может изменить контент какого-то HTML-элемента: Нажми на кнопку! Посмотри результат! function functie() {document.getElementById("et").innerHTML = "Измененный контент!!!";}

Слайд 19

Описание слайда:

РЕЗУЛЬТАТ ПРИМЕРА До нажатия кнопки:

Слайд 20

Описание слайда:

ИСПОЛЬЗОВАНИЕ JAVA SCRIPT Пример изменения HTML-атрибутов Da click pe imagine... function changeImage(){ element=document.getElementById("img") if (element.src.match("rosu")) { element.src="galben.gif"; } else { element.src="rosu.gif"; } }

Слайд 21

Описание слайда:

РЕЗУЛЬТАТ ПРИМЕРА До нажатия:

Слайд 22

Описание слайда:

ИСПОЛЬЗОВАНИЕ JAVA SCRIPT Изменение стилей CSS в HTML-документах Пример использования JS Пример изменения контента JavaScript может изменить контент какого-то HTML-элемента: Нажми на кнопку! Посмотри результат! function functie() {document.getElementById("et").style.fontSize = "25px";}

Слайд 23

Описание слайда:

РЕЗУЛЬТАТ ПРИМЕРА До нажатия кнопки:

Слайд 24

Описание слайда:

ДРУГИЕ ИСПОЛЬЗОВАНИЯ JAVA SCRIPT Проверка ввода данных Вставка даты, дня недели, времени и т.д. Управление событиями: нажатие какой-то кнопки, передвижение мыши, координаты мыши и т.д. Вывод предупреждений Вызов и выполнение каких-то функций И т.д., и т.п.

Слайд 25

Описание слайда:

Тег „SCRIPT” 1. Используется для вставки JavaScript-ов Содержание (коды JavaScript) или 2. Используется для определения ссылки к внешнему файлу со скриптами

Слайд 26

Описание слайда:

ВОЗМОЖНОСТИ ОПРЕДЕЛЕНИЯ И ВСТАВКИ СКРИПТОВ JavaScript-ы можно поместить за пределами (вне) HTML-документа Представляют отдельные файлы содержащие скрипты, которые можно использовать в одной или нескольких веб-страницах Файлы со сценариями JavaScript имеют расширение .js В HTML-документе делается ссылка на файл содержащий скрипты, используя в теге атрибут “src”. Пример:

Слайд 27

Описание слайда:

ПРИМЕР ОПРЕДЕЛЕНИЯ ВНЕШНЕГО СЦЕНАРИЯ Файлы со сценариями (.js) не содержат тег !!! Файл .html, тег в теге : Пример использования JS Пример изменения контента JavaScript может изменить контент какого-то HTML-элемента: Нажми на кнопку! Посмотри результат! Файл .js: function functie() {document.getElementById("et").style.fontSize = "25px";}

Слайд 28

Описание слайда:

ПРИМЕР ОПРЕДЕЛЕНИЯ ВНЕШНЕГО СЦЕНАРИЯ Файл .html, тег в теге : Пример использования JS Пример изменения контента JavaScript может изменить контент какого-то HTML-элемента: Нажми на кнопку! Посмотри результат! Fişierul .js: function functie() {document.getElementById("et").style.fontSize = "25px";}

Слайд 29

Описание слайда:

ВНУТРЕННИЕ JAVASCRIPT-Ы Определяются при помощи тега , внутри тега или или и в и в Если сценарий определяются в тег , лучше всего его определить в конце HTML-документа – это уменьшит время загрузки и вывода веб-ресурса

Слайд 30

Описание слайда:

ПРИМЕР ОПРЕДЕЛЕНИЯ ВНУТРЕННЕГО СЦЕНАРИЯ Пример использования JS function functie() {document.getElementById("et").style.fontSize = "25px";} Пример изменения контента JavaScript может изменить контент какого-то HTML-элемента: Нажми на кнопку! Посмотри результат!

Слайд 31

Описание слайда:

ПРИМЕР ОПРЕДЕЛЕНИЯ ВНУТРЕННЕГО СЦЕНАРИЯ Пример использования JS Пример изменения контента JavaScript может изменить контент какого-то HTML-элемента: Нажми на кнопку! Посмотри результат! function functie() {document.getElementById("et").style.fontSize = "25px";}

Слайд 32

Описание слайда:

ВЫХОДЫ В JAVASCRIPT JavaScript не имеет специальных функций для печати или представления каких-то выходов В HTML, JavaScript, можно использовать только для манипулирования элементами HTML Чтобы получить доступ к какому-то HTML- элементу, при помощи JavaScript-ов рекомендуется использовать метод document.getElementById(id) Для идентификации элемента которым необходимо манипулировать необходимо использовать глобальный атрибут „id” А для того чтобы была возможность ссылаться на содержание какого-то HTML-элемента используется свойство innerHTML (устанавливает или возвращает содержимое HTML-элемента) Основная форма: HTMLElementObject.innerHTML=text (устан)

Слайд 33

Описание слайда:

ПРИМЕР МАНИПУЛИРОВАНИЯ ВЫХОДОМ Нажми на кнопку чтобы увидеть результат манипулирования содержанием элемента - удаление контента (innerHTML) Click Нажми на кнопку чтобы увидеть результат манипулирования содержанием элемента - изменение контента (innerHTML) Click function functie1() { document.getElementById("et1").innerHTML = ""; } function functie2() { document.getElementById("et2").innerHTML = "Надеюсь все поняли!!!???";}

Слайд 34

Описание слайда:

РЕЗУЛЬТАТ ПРИМЕРА

Слайд 35

Описание слайда:

ВЫВОД ДАННЫХ НА ЭКРАН Метод write() выводит HTML выражение или JavaScript код в HTML-документ Если данный метод вызывается уже после загруженного документа, все выведенное будет удалено и выведено то что написано в методе write() В общем этот метод используется для тестирования Синтаксис: document.write(exp1,exp2,exp3,...) Пример: document.write("Уважаемый пользователь!Просьба быть внимательным!");

Слайд 36

Описание слайда:

ПРИМЕР ВЫВОДА ДАННЫХ НА ЭКРАН … Текущая дата: document.write(Date()); … Rezultat:

Слайд 37

Описание слайда:

ВВОД КОМЕНТАРИЕВ JavaScript является языком для написания сценариев Операторы в JavaScript это «строки команд", выполненные в веб-браузере JS-оператор заканчивается ";" Коды JavaScript могут быть комментированы Комментарии размещенные на одной строке, размещаются после «//» Пример: document.getElementById("et1").innerHTML = ""; //заменяется контент Комментарии размещенные на несколько строк, размещаются между /* и */

Слайд 38

Описание слайда:

ПЕРЕМЕННЫЕ В JAVASCRIPT В JavaScript-е переменные представляют „контейнеры” для различных значений В JS переменные могут иметь короткие названия (a, b, x, z), но рекомендуется использовать названия со смыслом: имя, возраст, стоимость etc. Имена переменных могут содержать буквы, цифры, знак подчеркивания, и знак доллара ($) Имена переменных должны начаться на букву Имена переменных могут, также, начаться на знак $ или _ (но это не очень практично) Имена переменных регистрозависимы Зарезервированные слова в JavaScript не могут быть использованы в качестве имен переменных

Слайд 39

Описание слайда:

ПЕРЕМЕННЫЕ В JAVASCRIPT. II Переменным можно присвоить значения или выражения Пример: cost=200; или cost = cost+30; Присвоение производится при помощи символа “=“ Переменным можно присвоить несколько типов данных Данные типа текст или типа «string» Пример: numePrenume = “Cutarescu Ana”; Значения переменных типа «текст» заключаются между кавычками или апострофом Числовой тип данных Прмер: varsta=50; Значения не заключаются между кавычками (только в том случае когда цифры должны рассматриваться как текстовые символы) В JS переменные объявляются с использованием зарезервированного слова „var”

Слайд 40

Описание слайда:

ПРИМЕР ОПРЕДЕЛЕНИЯ ПЕРЕМЕННЫХ В JS Определение переменных var nume = "Иванов"; var prenume = "Иван"; var varsta = 35; document.getElementById("et1").innerHTML = nume; document.getElementById("et2").innerHTML = prenume; document.getElementById("et3").innerHTML = varsta;

Слайд 41

Описание слайда:

ОПЕРАЦИИ В JS Над числовыми переменными можно применить операцию сложения Пример: var adaos = 5; var cost = 500 + adaos; Над переменными строчного типа можно применить операцию конкатенации Пример: var nume = “Ivanov”; var datePersonale = nume + “ Ivan”; Другой пример: var cod = “+373”; var nrTelefon = cod + 334455;

Слайд 42

Описание слайда:

ДЛИНА ТЕКСТОВОЙ СТРОКИ В JS для определения длинны текстовой строки используется свойство length Определение переменных var cod = "+373"; var nrTelefon = cod + 334455; document.getElementById("et3").innerHTML = nrTelefon; document.getElementById("et4").innerHTML = nrTelefon.length;

Слайд 43

Описание слайда:

ДРУГИЕ ТИПЫ ДАННЫХ. Массивы в JS Значения массива в JS включаются между [ и ] Элементы, разделены запятой Пример: var персДанные = [«Иванов», «Иван», «1990»]; Индексирование элементов, для доступа к элементам массива, начинается с „0” Пример: для доступа к году рождения, из персДанных пишется персДанные[2] … var persDanniie = [«Ivanov», «Ivan», «1990»]; document.getElementById("et1").innerHTML = persDanniie[2]; …

Слайд 44

Описание слайда:

ФУНКЦИИ В JS В JS функция это блок кодов написанный с целью решения какой-то конкретной задачи Функция выполняется вызывая её Синтаксис: Функция определяется используя ключевое слово „function” Следует название функции и круглые скобки: имяФункции() Имя функции может содержать буквы, цифры, знак подчеркивания, знак $ (те же правила как для переменных) Между скобками можно включить параметры, разделенные запятой Программный код, который исполнится, включается между фигурными скобками Итак, основная форма: function имяФункции(параметр1, параметр2, …) { обьявление1; объявление2;… }

Слайд 45

Описание слайда:

ПРИМЕР ОПРЕДЕЛЕНИЯ ФУНКЦИИ Параметры или аргументы функции используются в качестве местных переменных, внутри функции Пример: … function functieCalcul(salariu, adaos) { return salariu+adaos;} document.getElementById("et1").innerHTML = functieCalcul(3000, 500); … Результат: 3500

Слайд 46

Описание слайда:

ВЫЗОВ ФУНКЦИИ Программный код, определенный внутри функции, выполнится при вызове функции Функцию можно вызвать несколькими способами: При активации какого-то события (пользователь нажимает какую-то кнопку, браузер загрузил страницу и др.) Функция вызывается кодами JavaScript или автоматически После выполнения функции, как результат её вызова, JS продолжит выполнение следующих операторов/ объявлений

Слайд 47

Описание слайда:

Объекты в JS Язык программирования JS это ОО зык программирования Любой объект характеризуется свойствами (человек: фамилия, имя, возраст, кол. детей etc.) и определяется его поведение, при помощи операций/ методов (человек: ходит, ест, разговаривает, прыгает etc.) Значения свойств отличаются для каждого объекта Поведение, определяется для всех объектов какой-то группы Методы определяются используя функции Доступ к свойству объекта осуществляется так: названиеОбьекта.названиеСвойства или названиеОбьекта[названиеСвойства]

Слайд 48

Описание слайда:

СОБЫТИЯ В JS HTML-события представляют „что-то” что происходит с HTML-элементами страницы – что-то что может сделать браузер или что-то что может сделать пользователь Страница была полностью загружена Было изменено значение какого-то поля или входящей переменной Была нажата какая-то кнопка пользователем JavaScript-ы используемые в какой-то web-странице могут реагировать на эти события HTML позволяет контролировать события используя соответствующие атрибуты Основная форма:

Слайд 49

Описание слайда:

ПРИМЕР КОНТРОЛЯ СОБЫТИЯ Нажми чтобы узнать время

Слайд 50

Описание слайда:

ПРИМЕР КОНТРОЛЯ СОБЫТИЯ. II В предыдущем примере JS изменил контент HTML-элемента с указанном ID Можно использовать метод „this” для того чтобы изменить содержание текущего HTML элемента Нажми чтобы узнать время

Слайд 51

Описание слайда:

ПРИМЕР КОНТРОЛЯ СОБЫТИЯ. III События можно контролировать используя функции Отправить данные function mesaj() { alert(":( Wooops... что-то не так!"); }

Слайд 52

Описание слайда:

ПРИМЕР КОНТРОЛЯ СОБЫТИЯ. IV … Нажми чтобы узнать время function afiseazaData() { document.getElementById("et").innerHTML = Date();} … Другие события которые можно контролировать: onmouseover – пользователь ставит мышь поверх какого-то HTML-элемента, onload – браузер заканчивает загрузку страницы, onchange – какой-то элемент был изменен etc. Больше информаций:

Слайд 53

Описание слайда:

ПРИМЕР С 2-мя СОБЫТИЯМИ

Слайд 54

Описание слайда:

РЕЗУЛЬТАТ

Слайд 55

Описание слайда:

МЕТОДЫ JS ДЛЯ РАБОТЫ С СИМВОЛЬНЫМИ СТРОКАМИ Метод indexOf() возвращает индекс (позицию), первого появления какого-то текста в строке Пример: Красное покрывало покрывало другое покрывало... Click function functie() { var sir = document.getElementById("et1").innerHTML; document.getElementById("et2").innerHTML = sir.indexOf("покрывало");}

Слайд 56

Описание слайда:

РЕЗУЛЬТАТ ПРИМЕРА

Слайд 57

Описание слайда:

МЕТОДЫ JS ДЛЯ РАБОТЫ С СИМВОЛЬНЫМИ СТРОКАМИ Метод search() ищет подстроку в символьной строке, возвращая позицию начала …Красное покрывало покрывало другое покрывало... Click function functie() { var sir = document.getElementById("et1").innerHTML; document.getElementById("et2").innerHTML = sir.search("покрывало");} …

Слайд 58

Описание слайда:

МЕТОДЫ JS ДЛЯ РАБОТЫ С СИМВОЛЬНЫМИ СТРОКАМИ Метод lastIndexOf() возвращает индекс (позицию), последнего появления какого-то текста в символьной строке Пример: Красное покрывало покрывало другое покрывало... Click function functie() { var sir = document.getElementById("et1").innerHTML; document.getElementById("et2").innerHTML = sir.lastIndexOf("покрывало");}

Слайд 59

Описание слайда:

РЕЗУЛЬТАТ ПРИМЕРА

Слайд 60

Описание слайда:

МЕТОДЫ JS ДЛЯ РАБОТЫ С СИМВОЛЬНЫМИ СТРОКАМИ Чтобы извлечь подстроку из строки можно использовать следующие методы: slice(start, end) substring(start, end) substr(start, length) Примечание: Метод slice и substring имеют тот же эффект

Слайд 61

Описание слайда:

ПРИМЕР С МЕТОДОМ „SLICE” Красное покрывало покрывало другое покрывало... Click function functie() { var sir = document.getElementById("et1").innerHTML; document.getElementById("et2").innerHTML = sir.slice(28,34);}

Слайд 62

Описание слайда:

ПРИМЕР С МЕТОДОМ „SUBSTR” Красное покрывало покрывало другое покрывало... Click function functie() { var sir = document.getElementById("et1").innerHTML; document.getElementById("et2").innerHTML = sir.substr(28,6);}

Слайд 63

Описание слайда:

МЕТОДЫ JS ДЛЯ РАБОТЫ С СИМВОЛЬНЫМИ СТРОКАМИ Метод Replace() заменяет одно значение на другое Пример: Красное покрывало покрывало другое покрывало... Click function functie() { var sir = document.getElementById("et1").innerHTML; document.getElementById("et2").innerHTML = sir.replace("Красное","Голубое");}

Слайд 64

Описание слайда:

МЕТОДЫ JS ДЛЯ РАБОТЫ С СИМВОЛЬНЫМИ СТРОКАМИ Методы для преобразования строчных букв в прописные и наоборот toUpperCase() toLowerCase() Пример: …Красное покрывало покрывало другое покрывало... Click function functie() { var sir = document.getElementById("et1").innerHTML; document.getElementById("et1").innerHTML = sir.toUpperCase();} …

Слайд 65

Описание слайда:

РЕЗУЛЬТАТ ПРИМЕРА После нажатия кнопки:

Слайд 66

Описание слайда:

МЕТОДЫ JS ДЛЯ РАБОТЫ С СИМВОЛЬНЫМИ СТРОКАМИ Метод concat() – объединение / конкатенация сток Пример: …Красное покрывало покрывало другое покрывало... Click function functie() { var sir = document.getElementById("et1").innerHTML; document.getElementById("et1").innerHTML = sir.concat(" ", "вот так :)");} …

Слайд 67

Описание слайда:

РЕЗУЛЬТАТ ПРИМЕРА

Слайд 68

Описание слайда:

МЕТОДЫ JS ДЛЯ РАБОТЫ С СИМВОЛЬНЫМИ СТРОКАМИ Чтобы извлечь символ из текстовой строки могут быть использованы следующие методы charAt(position) charCodeAt(position) Пример: …Красное покрывало покрывало другое покрывало... Click function functie() { var sir = document.getElementById("et1").innerHTML; document.getElementById("et2").innerHTML = sir.charAt(0);} …

Слайд 69

Описание слайда:

РЕЗУЛЬТАТ ПРИМЕРА

Слайд 70

Описание слайда:

ПРЕОБРАЗОВАНИЕ ТЕКСТОВОЙ СТРОКИ В МАССИВ Преобразование производится используя метод split() Пример: Красное покрывало покрывало другое покрывало... Click function functie() { var sir = document.getElementById("et1").innerHTML; var vector = sir.split(" "); document.getElementById("et1").innerHTML = vector[0];}

Слайд 71

Описание слайда:

РЕЗУЛЬТАТ ПРИМЕРА …document.getElementById("et1").innerHTML = vector[4];}…

Слайд 72

Описание слайда:

ОПРЕДЕЛЕНИЕ ТИПА ПЕРЕМЕННОЙ Для определения типа переменной используется метод typeof() Пример: Красное покрывало покрывало другое покрывало... Click function functie() { var sir = document.getElementById("et1").innerHTML; var vector = sir.split(" "); document.getElementById("et1").innerHTML = typeof(sir);} …

Слайд 73

Описание слайда:

ОПРЕДЕЛЕНИЕ ТИПА ПЕРЕМЕННОЙ …var vector = sir.split(" "); var varsta = 56; document.getElementById("et1").innerHTML = typeof(varsta);… … …document.getElementById("et1").innerHTML = typeof(vector);…

Слайд 74

Описание слайда:

JS ФУНКЦИЯ isNaN() В JS есть резервированное слово NaN, которое указывает если какое-то значение не является числом (Not a Number) isNaN() - глобальная функция которая может быть использована чтобы определить, является ли некоторое значение не-числовым

Слайд 75

Описание слайда:

ПРИМЕР NaN Красное покрывало покрывало другое покрывало... Click function functie() { var sir = document.getElementById("et1").innerHTML; var vector = sir.split(" "); var varsta = 56; document.getElementById("et1").innerHTML = varsta*sir;} А для: …document.getElementById("et1").innerHTML = varsta*2;…

Слайд 76

Описание слайда:

ПРИМЕР isNaN() …Красное покрывало покрывало другое покрывало... Click function functie() { var sir = document.getElementById("et1").innerHTML; var vector = sir.split(" "); var varsta = 56; document.getElementById("et1").innerHTML = isNaN(varsta*2);} …

Слайд 77

Описание слайда:

JS МЕТОДЫ ДЛЯ РАБОТЫ С ЧИСЛАМИ Все методы используемые для работы с числами могут быть использованы для любых типов чисел, констант, переменных или выражений Метод toString() преобразовывает число в строку Пример: … document.getElementById("et1").innerHTML = functieCalcul(3000, 500).toString(); var tip = functieCalcul(3000, 500).toString(); document.getElementById("et2").innerHTML = typeof(tip); function functieCalcul(salariu, adaos) { return salariu+adaos;} …

Слайд 78

Описание слайда:

JS МЕТОДЫ ДЛЯ РАБОТЫ С ЧИСЛАМИ Метод toFixed() возвращает строку с определенным, указанном количеством знаков после запятой Пример: … document.getElementById("et1").innerHTML = functieCalcul(3000, 500.6).toFixed(2); var tip = functieCalcul(3000, 500.6).toFixed(2); document.getElementById("et2").innerHTML = typeof(tip); function functieCalcul(salariu, adaos) { return salariu+adaos;} … Прим: Смотрите и другие методы применяемые для работы со строками и числами