Разделы презентаций


Javascript

Содержание

Краткое введение в JavascriptJavascript это:Интерпретируемый язык. Его интерпретатор обычно встроен в браузер.Основное назначение – определять «динамическое» поведение страниц при загрузке (формирование страницы перед ее открытием) и при работе пользователя со страницей

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

Слайд 1Javascript
Данильченко Анна Александровна
Преподаватель кафедры программного обеспечения систем ЖГТУ

JavascriptДанильченко Анна АлександровнаПреподаватель кафедры программного обеспечения систем ЖГТУ

Слайд 3Краткое введение в Javascript
Javascript это:
Интерпретируемый язык. Его интерпретатор обычно встроен

в браузер.
Основное назначение – определять «динамическое» поведение страниц при загрузке (формирование

страницы перед ее открытием) и при работе пользователя со страницей (UI элементы).
Текст на Javascript может быть вложен в HTML-страницу непосредственно или находиться в отдельном файле (как CSS).
Похож на языки Java и C# синтаксически, но сильно отличается от них по внутреннему содержанию.
Краткое введение в JavascriptJavascript это:Интерпретируемый язык. Его интерпретатор обычно встроен в браузер.Основное назначение – определять «динамическое» поведение

Слайд 5Некоторые сведения о синтаксисе
Операции такие же, как в Java и

C#, но более широко используется преобразование типов
Описание переменных:
var count =

25, msg = 'Сообщение об ошибке';
var nullVar; // получает начальное значение null

+ - * / % ++ -- = += -= *=
/= %= == != > < >= <= && || !

2 + '3' == '23', но 2 + 3 == 5

Многие операторы очень похожи на соответствующие операторы Java и C#, но могут иметь некоторые отличия в семантике.

for (var i = 0; i < 100; ++i) { ... }

if (x * y < 100) { ... } else { ... }

try { ... } catch (e) { ... } finally { ... }

Некоторые сведения о синтаксисеОперации такие же, как в Java и C#, но более широко используется  преобразование

Слайд 6Объекты, встроенные в браузеры
При программировании можно использовать ряд встроенных объектов. Основные

из них это:
- window : представляет «глобальный контекст» и позволяет

работать с атрибутами и методами окна.

- document : загруженная страница со своей структурой элементов.

- navigator : объект, представляющий браузер и его свойства.

- location : характеристики текущего URL (порт, хост и т.п.).

- объекты, представляющие элементы различных типов в HTML-странице, такие как , , и т.п.

- события (events), возникающие от действий пользователя, например, нажатие кнопки мыши (click), загрузка новой страницы (load) и т.д.

Объекты, встроенные в браузерыПри программировании можно использовать ряд встроенных объектов. Основные из них это:- window : представляет

Слайд 7Включение Javascript в HTML-страницу
Фрагменты кода можно включать в заголовок или

тело HTML-документа.
Кроме того, можно разместить код в отдельном файле, а

в HTML-странице разместить ссылку на этот файл.






Простой примерМетод document.write используется для непосредственного включения HTML-текста в содержимое страницы, например, можно сгенерировать длинный текст в

Слайд 37Посчитать в цикле сумму чисел от 1 до 100.
Вывести

результат на экран.

Посчитать в цикле сумму чисел от 1 до 100. Вывести результат на экран.

Слайд 39Разница между while и do…while

Разница между while и do…while

Слайд 40Continue и break
Вывести числа от 0 до 10 которые не

делятся на 3.
Если делим число 8 на 3 то выходим

из цикла.
Continue и breakВывести числа от 0 до 10 которые не делятся на 3.Если делим число 8 на

Слайд 41Взаимодействие с пользователем: alert, prompt, confirm

Взаимодействие с пользователем: alert, prompt, confirm

Слайд 44Сообщения, выдаваемые в popup-окнах
Три стандартные функции используются для генерации сообщений в

popup-окнах: alert, confirm, prompt.
alert('Вы просрочили платеж!');
confirm('Вы этого хотите?');
var name =

prompt('Как Вас зовут?',
'Никак', 'Вопросик...');

Выдает true или false

Выдает введенную строку или null

Сообщения, выдаваемые в popup-окнахТри стандартные функции используются для генерации сообщений в popup-окнах: alert, confirm, prompt.alert('Вы просрочили платеж!');confirm('Вы

Слайд 45Задание
1.Написать калькулятор простых операций с числами.
2. Ввод и вывод данных

и операторов с помощью модальных окон

Задание1.Написать калькулятор простых операций с числами.2. Ввод и вывод данных и операторов с помощью модальных окон

Слайд 46Массив в JavaScript
Это структура данных представленная в виде ячеек любого

типа данных , объединенных под одним именем

Массив в JavaScriptЭто структура данных представленная в виде ячеек любого типа данных , объединенных под одним именем

Слайд 47Тип Array
Существует несколько способов создания массива:
var holidays = ["1 января",

"7 января", "23 февраля"];
Атрибут массива: length – длина массива.
var myArray

= new Array(); myArray[2] = new Date(2008,2,23);
myArray[5] = new Date(2008,5,9);
myArray.length ==

var holidays = new Array("1 января", "7 января", "23 февраля");

var holidays = new Array(3);
holidays[0] = "1 января"; holidays[1] = "7 января"; holidays[2] = "23 февраля";

6

?

Тип ArrayСуществует несколько способов создания массива:var holidays = [

Слайд 48Максимальное количество ячеек

Максимальное количество ячеек

Слайд 49Многомерные массивы В JavaScript нет понятия многомерного массива, однако в самих

массивах может содержаться что угодно, в том числе ссылки на

другие массивы. var a0 = [10, 11, 12]; var a1 = [20, 21, 22]; var a2 = [30, 31, 32]; var a = [a0, a1, a2]; alert(a[0]); // 10,11,12 alert(a[1]); // 20,21,22 alert(a[2]); // 30,31,32
Многомерные массивы В JavaScript нет понятия многомерного массива, однако в самих массивах может содержаться что угодно, в

Слайд 50Задание
Создать массив элементов (-7.5, 5, “str”, false). Вывести на экран

элемент массива со значением 5.
Вывести на страницу в цикле все

элементы массива.
Создать многомерный массив из трех массивов (в первом числа от 0 до 5, во втором от 0 до 10 в третьем от 0 до 15).
Вывести все элементы многомерного массива на экран

ЗаданиеСоздать массив элементов (-7.5, 5, “str”, false). Вывести на экран элемент массива со значением 5.Вывести на страницу

Слайд 51Тип Array (продолжение)
Методы, определенные для работы с массивом: concat, join, pop,

push, shift , unshift, slice
var names = ["Петя", "Вася"];
names =

names.concat(["Сережа", "Наташа"], ["Оля", "Люба"]);

names == ["Петя", "Вася", "Сережа", "Наташа", "Оля", "Люба"]

var s = names.join(';');

s == "Петя;Вася;Сережа;Наташа;Оля;Люба"

var e = names.pop();

e == "Люба"

names == ["Петя", "Вася", "Сережа", "Наташа", "Оля"]

var l = names.push("Саша");

l == 6

names == ["Петя", "Вася", "Сережа", "Наташа", "Оля", "Саша"]

shift и unshift – точно так же, как pop и push, но с началом массива.

names = names.slice(1, 4);

names == ["Вася", "Сережа", "Наташа", "Оля"]

Тип Array (продолжение)Методы, определенные для работы с массивом: concat, join, pop, push, shift , unshift, slicevar names

Слайд 52Тип Array (продолжение)
var names = ["Вася", "Сережа", "Наташа", "Оля"];
names.reverse();
names ==

["Оля", "Наташа", "Сережа", "Вася"]
names.sort();
var a = [5, 3, 40, 1,

10, 100].sort();

a == [1, 10, 100, 3, 40, 5]

names.splice(1, 2, "Саша", "Таня", "Нина");

names == ["Вася", "Саша", "Таня", "Нина", "Сережа"]

toString – точно так же, как join(',').

Еще методы, определенные для работы с массивом: reverse, sort, splice, toString

names == ["Вася", "Наташа", "Оля", "Сережа"]

var a = [5, 3, 40, 1, 10, 100].sort(function(a,b){return a-b;});

a == [1, 3, 5, 10, 40, 100]

names.toString() == "Вася,Саша,Таня,Нина,Сережа"

Тип Array (продолжение)var names = [

Слайд 53Задание
Создать массив Array(15 7 8 10 -5 0 1)
Вывести длину

массива;
Вывести массив в виде 15;7;8;10;-5;0;1
Отсортировать элементы массива по возрастанию, и

все таки по возрастанию.
Отсортировать по убыванию.
Создайте два массива.1-й - это массив из пяти стран на ваш выбор.2-й - это массив количества населения в этих странах (этот массив состоит исключительно из цифр).А затем с помощью метода document.write() выведите на экран пять строк, где каждая строка - это название страны и численность ее населения.
ЗаданиеСоздать массив Array(15 7 8 10 -5 0 1)Вывести длину массива;Вывести массив в виде 15;7;8;10;-5;0;1Отсортировать элементы массива

Обратная связь

Если не удалось найти и скачать доклад-презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

Email: Нажмите что бы посмотреть 

Что такое TheSlide.ru?

Это сайт презентации, докладов, проектов в PowerPoint. Здесь удобно  хранить и делиться своими презентациями с другими пользователями.


Для правообладателей

Яндекс.Метрика