Объектно-событийный язык сценариев JavaScript презентация

Содержание

Слайд 2

Базовые определения

JavaScript – это объектно-событийный язык сценариев. В этом определении содержатся три ключевых

понятия: сценарий, событие и объект.
Сценарий (скрипт, script) – программа, которая расширяет возможности языка HTML. Скрипты обрабатываются (интерпретируется) браузером одновременно с кодом HTML.
Событие – действие пользователя или операционной системы, которое вызывает запуск скрипта (программы). В качестве примера произошедших событий можно назвать: нажатие клавиши на клавиатуре, щелчок мышью, открытие окна браузера, срабатывание таймера.

Слайд 3

Объект – контейнер, содержащий данные. Объект обладает свойствами и методами, предназначенными для изменения

этих свойств.
Объектами являются:
окно браузера (window);
web-страница (document);
фрейм (frame);
текстовое поле (text);
кнопка (button).
Часть объектов находятся в состоянии соподчиненности друг к другу (иерархии). Старшие объекты включают в себя младшие объекты. Например, web-страница (document) может содержать внутри себя форму (form), которая может быть реализована в виде текстового поля (text).
Свойства – совокупность переменных, которые характеризуют объект, например, ширина и высота окна браузера.
Методы – функции (подпрограммы), которые позволяют изменять свойства объекта (а значит и сам объект). Характерной синтаксической особенностью методов является то, что их имена заканчиваются скобками.

Слайд 5

Некоторые особенности

Язык JavaScript существенно отличается от алгоритмических языков. Работа программ, написанных на алгоритмических

языках, идет практически непрерывно от момента их запуска до момента завершения.
Скрипты – это множество программ, которые работают чаще всего независимо друг от друга и каждая программа запускается автономно при определенных действиях пользователя. По этой причине этот язык иногда называют интерактивным.
При отсутствии активных действий пользователя скрипты не будут работать (за исключением, может быть, сценариев, которые запускаются с помощью таймера или в момент полной загрузки Web-страницы). Большую часть времени скрипты «дремлят», ожидая активных действий пользователя.

Слайд 6

Элементы языка

константы;
переменные;
функции;
операторы;
выражения.

Слайд 7

Константы

Это величины, которые не изменяют своих значений в процессе работы скрипта.
Константы бывают

следующих типов:
целые (десятичные, восьмеричные, шестнадцатеричные);
с плавающей точкой;
строковые;
булевы (логические);
null, означающая отсутствие каких-либо значений.

Слайд 8

Переменные

Это величины, которые принимают различные значения в процессе работы скрипта.
Переменные могут быть целыми,

с плавающей точкой, строковыми и булевыми. Перед использованием переменные должны быть объявлены.
Переменные могут быть глобальными и локальными. Локальные действуют только внутри функции, глобальные действуют в рамках всей составленной программы. Однако и глобальные переменные действуют лишь в пределах одной Web-страницы.
Имена переменных должны начинаться с буквы или с символа подчеркивания. В именах допустимо использование арабских цифр. Имена не могут содержать пробелов. Они не должны совпадать с ключевыми (зарезервированными) словами языка JavaScript.

Слайд 9

Функции

Функция – логически завершенный фрагмент программы, предназначенный для решения (реализации) определенной задачи.
Каждая

функция должна иметь оригинальное имя.
Одна и та же функция может быть многократно вызвана в разных местах программы.

Слайд 10

Операторы

Это конструкции, которые определяют, какие действия производятся над константами, переменными, функциями.
Операторы бывают

следующих типов:
присваивания;
сравнения;
арифметические;
инкремента и декремента;
битовые;
логические;
строковые;
специальные;
управляющие;
цикла.

Слайд 11

Выражения

Это набор констант, переменных, функций, соединенных операторами.
Каждое выражение в языке JavaScript должно

заканчиваться точкой с запятой.

Слайд 12

Важно

Программа, написанная на языке JavaScript, чаще всего размещается внутри HTML-кода, например, внутри контейнера

из тегов head.
Границы сценария отмечают при помощи парного тега script.
Существует возможность разместить код скрипта в отдельном файле. В этом случае можно вызывать один и тот же сценарий на разные HTML-страницы.

Слайд 13

Начинаем программировать






Начнем?





Слайд 14

Комментарии к программе

Текст сценария оформляется как комментарий, чтобы не было проблем у посетителей,

брaузеры которых не понимают JavaScript. Кроме того к символам, завершающим комментарий добавляется еще два символа "/", т.к. некоторые браузеры рассматривает строку, состоящую только из символов "-->", как ошибочную.
В примере для объекта с именем document вызывается метод write. В качестве параметра ему передается текстовая строка "Привет!". Строка закрывается символом ";", которым отделяются друг от друга все операторы JavaScript.
Объект document – это HTML-документ, загруженный в окно брaузера. Метод write записывает в тело HTML-документа строку "Привет!". При этом документ будет выгдядеть так, как будто эта строка находится в нем на месте сценария.

Слайд 15

Операторы языка. Унарные операторы

Слайд 16

Бинарные операторы

Слайд 17

Операторы для работы с отдельными битами

Слайд 18

Операторы сдвига

Слайд 19

Операторы отношения

Слайд 20

Оператор присваивания и его комбинации

Слайд 21

Условные операторы

if-else
?:
switch - case:

Слайд 22

Пример оператора IF-ELSE

if(Vol<2)
{
b=true;
ss="w002.htm";
}
else if(Vol>100)
{
b=true;
ss="w100.htm";
}

Слайд 23

Пример оператора SWITCH - CASE:

switch(variable) {
case value_1: {
//блок операторов_1


break;
}
case value_2: {
//блок операторов_2
break;
}
case value_n: {
//блок операторов_n
break;
}
default:
{ //блок операторов по умолчанию
}
}

Слайд 24

Пример оператора ?:

b = (Vol<2 || Vol>100) ? true:false;

Слайд 25

Операторы цикла

for
for-in
while
Кроме этих операторов в организации цикла могут участвовать еще два оператора: break (выход

из цикла) и continue (переход на следующий шаг).

Слайд 26

Пример оператора FOR

for(i=0; i {
text+=" ";
}

Слайд 27

Пример оператора FOR-IN

var sprops="

Свойства объекта window

"
for (props in window)
sprops+=""+props+""+":<br>"+window[props].substr(0,90)+"
";
document.write(sprops);

Слайд 28

Пример оператора WHILE

i=0;
while(i{  
text+=" ";
  i++;
}

Слайд 29

Прочие операторы

Слайд 30

Объекты JavaScript

Язык JavaScript является объектно-ориентированным.
Объекты JavaScript представляют собой наборы свойств и методов.

Можно сказать, что свойства объектов - это данные, связанные с объектом, а методы - функции для обработки данных объекта.
В языке JavaScript имеется три вида объектов: встроенные объекты, объекты брaузера и объекты, создаваемые программистом.

Слайд 31

Встроенные объекты

Array, 
Boolean,
 Date, 
Global,
 Function,
Math,
 Number, 
String.

Слайд 32

Встроенный объект Array. Массивы в JavaScript

Массив в JavaScript является экземпляром встроенного объекта Array. Нумерация

элементов в массиве начинается с нуля.
Создать массив можно тремя способами:
var a1 = new Array();
var a2 = new Array(3);
var a3 = new Array('раз','два','три');
a1 - массив, в котором нет ни одного элемента. a2 - массив из трех элементов с неопределенным (undefined) значением. a3 - массив, заданный списком своих элементов.

Слайд 33

Свойство и методы объекта Array

length. Число элементов массива.
concat( ). Слияние двух массивов. Через

параметр передается имя второго массива: c=a.concat(b); Здесь элементы массива b добавляются к элементам массива a.
join( ). Слияние элементов массива в строку. Через параметр передается разделитель элементов. По умолчанию разделителем служит запятая. s=c.join('; ');
reverse( ). Меняет порядок элементов массива на обратный.
slice( ). Выделяет часть из массива. В качестве параметров передаются значения начального и конечного индексов, между которыми происходит выделение. При этом элемент массива с конечным индексом в результат не войдет. Следует помнить, что индексы отсчитываются от нуля.

Слайд 34

Объекты брaузера

Объекты брaузера являются тем интерфейсом, с помощью которого сценарий JavaScript взаимодействует с

посетителем и HTML-документом, загруженным в окно брaузера, а также с самим брaузером.
Обращаясь к свойствам и методам этих объектов, можно выполнять различные операции над окном брaузера, загруженным в это окно HTML-документом, а также над отдельными объектами, размещенными в HTML-документе.
Практически в любом сценарии JavaScript необходимы такие объекты, как окно - window и документ -document.

Слайд 36

Методы объекта window

alert. Отображение диалоговой панели Alert с сообщением и кнопкой OK. Через параметр передается сообщение,

отображаемое в диалоговой панели. После вызова этого метода выполнение сценария задерживается до тех пор, пока посетитель не нажмет кнопку OK, расположенную в диалоговой панели.
confirm. Отображение диалоговой панели Confirm с кнопками OK и Отмена. В зависимости от того, какая кнопка будет нажата, метод возвращает соответственно значение true или false.
prompt. Отображение диалоговой панели Prompt с полем ввода и кнопками OK и Отмена. В зависимости от того, какая кнопка будет нажата, метод возвращает соответственно введенную строку или значение null. Метод имеет два параметра. Первый - сообщение над полем ввода. Второй (необязательный) - начальное значение строки ввода.

Слайд 38

Методы объекта window

clearTimeout. Сброс таймера. Для останова таймера метод setTimeout нужно вызвать с возвратом идентификатора,

т.е.  idTimer=setTimeout("change()", 2000); а затем этот идентификатор передать методу clearTimeout в качестве параметра:  clearTimeout(idTimer);
blur( ). При вызове метода окно теряет фокус.
focus( ). При вызове метода окно получает фокус.

Слайд 39

Методы объекта window

MoveTo(x,y). Перемещает окно в точку с координатами.
MoveBy(x,y). Перемещает окно на x пикселей по

горизонтали вправо и на y пикселей вниз.
ResizeTo(x,y). Изменяет размер окна на указанные.
ResizeBy(x,y). Увеличивает или уменьшает размер окна на заданное количество пикселей.
print( ). Печать документа.(не работает в IE 4)
scroll(x,y), ScrollTo(x,y). Прокручивает окно так, что точка с кординатами x,y становится левой верхней точкой окна.
ScrollBy(x,y). Прокручивает окно на x,y пикселей.
stop( ). Прекращает загрузку документа в окно браузера.

Слайд 40

Свойства объекта document

URL. Полный URL документа.
location. Полный URL документа.
referrer. URL вызывающего документа.
title. Заголовок

документа, определенный тегом .<br>bgColor. Цвет фона документа.<br>fgColor. Цвет текста.<br>linkColor. Цвет cсылок.<br>alinkColor. Цвет выбранных cсылок.<br>vlinkColor. Цвет посещенных cсылок.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide41" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/282429/slide-40.jpg" target="_blank" rel="noopener">Слайд 41</a><h3 class="slides-content text-center font-bold"><div><p>Свойства объекта document<br><p>links. Массив всех cсылок в документе.<br>anchors. Массив локальных меток. Применяется для</div></h3></h3><!----><!----><div class="slides-content">организации ссылок внутри документа.<br>applets. Массив аплетов Java.<br>forms. Массив форм в виде объектов.<br>images. Массив растровых изображений.<br>embeds. Массив объектов plug-in.<br>lastModified. Дата последнего изменения документа.<br>cookie. Значение cookie для текущего документа.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide42" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/282429/slide-41.jpg" target="_blank" rel="noopener">Слайд 42</a><h3 class="slides-content text-center font-bold"><div><p>Свойства объекта document<br><p>Объект document может содержать в себе другие объекты, доступные как свойства:<br>anchor.</div></h3></h3><!----><!----><div class="slides-content">Локальная метка, определенная тегом <A>.<br>form. Форма, определенная тегом <FORM>.<br>history. Список посещенных URL.<br>link. Текст или изображение, играющие роль гипертекстовой ссылки, созданной тегом <A>, в котором дополнительно заданы обработчики событий onClick и onMouseOver.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide43" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/282429/slide-42.jpg" target="_blank" rel="noopener">Слайд 43</a><h3 class="slides-content text-center font-bold"><div><p>Методы объекта document<br><p>сlear. Удаление содержимого документа из окна просмотра.<br>write. Запись в документ произвольной</div></h3></h3><!----><!----><div class="slides-content">HTML-конструкции.<br>writeln. Аналогичен write, но с добавлением символа перевода строки в конец строки.<br>open. Открытие выходного потока для записи в HTML-документ данных типа MIME при помощи методов write и writeln.<br>close. Закрытие потока данных, открытого методом open. В окне будут отображены все изменения содержимого документа, сделанные сценарием после открытия потока.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide44" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/282429/slide-43.jpg" target="_blank" rel="noopener">Слайд 44</a><h3 class="slides-content text-center font-bold"><div><p>Ссылки в документе<br><p>Для каждой ссылки, размещенной в HTML-документе, создается отдельный объект. Все такие</div></h3></h3><!----><!----><div class="slides-content">объекты находятся в объекте document как элементы массива links. Анализируя эти элементы, сценарий JavaScript может определить свойства каждой ссылки в HTML-документе<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><!----></div><!--]--></div><div class="section"><div></div></div><form id="download" action="/api/" method="post" class="download"><!----><div class="download-description"> Имя файла: Объектно-событийный-язык-сценариев-JavaScript.pptx <br> Количество просмотров: 61 <br> Количество скачиваний: 0</div><button class="download-btn" type="submit">Скачать</button><!----></form><div class="navigation"><div class="navigation-item"><div>- Предыдущая</div><a href="/obrazovanie/metodologiya-i-kriterii-otsenki-kachestva-obshchego" class="navigation-link">Методология и критерии оценки качества общего образования Рособрнадзором на основе международных исследований</a></div><div class="navigation-item"><div>Следующая -</div><a href="/marketing/marketingovye-aktsii-pervoe-predlozhenie-pervostolnika" class="navigation-link">Маркетинговые акции. Первое предложение первостольника</a></div></div></div></div><div class="item-layoutRelated"><div class="section"><div></div></div></div></div><div class="item-layout"><div class="related"><h2 class="related-header">Похожие презентации</h2><div class="related-wrapper"><!--[--><div class="related-item"><a href="/informatika/osnovy-jdbc-java-database-connectivity" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/344833/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/344833/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/344833/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/344833/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/344833/slide-0.jpg 1440w" class="slides-image related-itemImage"> Основы JDBC (Java DataBase Connectivity)</a></div><div class="related-item"><a href="/informatika/osnovy-logiki-postroenie-logicheskih-shem-5" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/448259/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/448259/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/448259/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/448259/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/448259/slide-0.jpg 1440w" class="slides-image related-itemImage"> основы логики, построение логических схем</a></div><div class="related-item"><a href="/informatika/razrabotka-internet-magazina-dlya-torgovogo-predpriyatiya" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/255061/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/255061/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/255061/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/255061/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/255061/slide-0.jpg 1440w" class="slides-image related-itemImage"> Разработка Интернет-магазина для торгового предприятия</a></div><div class="related-item"><a href="/informatika/ispolzovanie-ikt-v-upravlenii-ou" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/583968/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/583968/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/583968/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/583968/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/583968/slide-0.jpg 1440w" class="slides-image related-itemImage"> Использование ИКТ в управлении ОУ</a></div><div class="related-item"><a href="/informatika/tegi-i-ih-rol-v-strukture" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/597384/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/597384/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/597384/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/597384/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/597384/slide-0.jpg 1440w" class="slides-image related-itemImage"> Теги и их роль в структуре веб-страницы</a></div><div class="related-item"><a href="/informatika/razrabotka-programmno-algoritmicheskih-sredstv-dlya-issledovaniya" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/276570/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/276570/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/276570/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/276570/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/276570/slide-0.jpg 1440w" class="slides-image related-itemImage"> Разработка программно-алгоритмических средств для исследования профильных методов классификации текстовых документов</a></div><div class="related-item"><a href="/informatika/components-of-computer" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/370909/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/370909/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/370909/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/370909/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/370909/slide-0.jpg 1440w" class="slides-image related-itemImage"> Components of computer</a></div><div class="related-item"><a href="/informatika/yazyk-python-reshenie-vychislitelnyh-zadach-na" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/425750/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/425750/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/425750/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/425750/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/425750/slide-0.jpg 1440w" class="slides-image related-itemImage"> Язык Python. Решение вычислительных задач на компьютере</a></div><div class="related-item"><a href="/informatika/poisk-informatsii-s-ispolzovaniem-kompyutera-2" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/154057/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/154057/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/154057/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/154057/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/154057/slide-0.jpg 1440w" class="slides-image related-itemImage"> Поиск информации с использованием компьютера</a></div><div class="related-item"><a href="/informatika/organizatsiya-internet-smi-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/423644/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/423644/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/423644/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/423644/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/423644/slide-0.jpg 1440w" class="slides-image related-itemImage"> Организация интернет-СМИ</a></div><div class="related-item"><a href="/informatika/mnogoobrazie-shem-2" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/193989/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/193989/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/193989/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/193989/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/193989/slide-0.jpg 1440w" class="slides-image related-itemImage"> Многообразие схем</a></div><div class="related-item"><a href="/informatika/klassy-i-struktury-v-c" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/247165/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/247165/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/247165/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/247165/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/247165/slide-0.jpg 1440w" class="slides-image related-itemImage"> Классы и структуры в C#</a></div><div class="related-item"><a href="/informatika/standartnaya-protsedura-proverki-dokumentov" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/198519/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/198519/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/198519/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/198519/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/198519/slide-0.jpg 1440w" class="slides-image related-itemImage"> Стандартная процедура проверки документов</a></div><div class="related-item"><a href="/informatika/badarlamalardy-rastyru-tslder-tema-6" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/200336/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/200336/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/200336/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/200336/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/200336/slide-0.jpg 1440w" class="slides-image related-itemImage"> Бағдарламаларды құрастыру тәсілдері. (Тема 6)</a></div><div class="related-item"><a href="/informatika/operatory-uslovnogo-i-bezuslovnogo-perehoda" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/242466/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/242466/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/242466/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/242466/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/242466/slide-0.jpg 1440w" class="slides-image related-itemImage"> Операторы условного и безусловного перехода</a></div><div class="related-item"><a href="/informatika/parsing-html-kratkiy-obzor-tehnologiy-dlya" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/192663/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/192663/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/192663/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/192663/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/192663/slide-0.jpg 1440w" class="slides-image related-itemImage"> Парсинг HTML. Краткий обзор технологий для понимания сбора и обработки данных</a></div><div class="related-item"><a href="/informatika/teoriya-algoritmov-lektsiya-3" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/219329/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/219329/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/219329/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/219329/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/219329/slide-0.jpg 1440w" class="slides-image related-itemImage"> Теория алгоритмов. (Лекция 3)</a></div><div class="related-item"><a href="/informatika/izmerenie-informatsii-10-klass" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/410252/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/410252/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/410252/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/410252/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/410252/slide-0.jpg 1440w" class="slides-image related-itemImage"> Измерение информации. 10 класс</a></div><div class="related-item"><a href="/informatika/kompyuternaya-grafika-obrabotka-graficheskoy-informatsii-informatika" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/576132/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/576132/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/576132/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/576132/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/576132/slide-0.jpg 1440w" class="slides-image related-itemImage"> Компьютерная графика. Обработка графической информации. Информатика. 7 класс</a></div><div class="related-item"><a href="/informatika/markirovka-i-shtrihovoe-kodirovanie-pishchevyh-produktov" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/439677/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/439677/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/439677/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/439677/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/439677/slide-0.jpg 1440w" class="slides-image related-itemImage"> Маркировка и штриховое кодирование пищевых продуктов</a></div><div class="related-item"><a href="/informatika/algoritmizatsiya-i-programmirovanie-lektsiya-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/4010/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/4010/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/4010/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/4010/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/4010/slide-0.jpg 1440w" class="slides-image related-itemImage"> Алгоритмизация и программирование. Лекция 1</a></div><div class="related-item"><a href="/informatika/kompyuperlk-grafika" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/418487/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/418487/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/418487/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/418487/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/418487/slide-0.jpg 1440w" class="slides-image related-itemImage"> Компюперлік графика</a></div><div class="related-item"><a href="/informatika/reshenie-prostyh-zadach-s-pomoshchyu-excel" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/361225/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/361225/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/361225/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/361225/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/361225/slide-0.jpg 1440w" class="slides-image related-itemImage"> Решение простых задач с помощью Excel</a></div><div class="related-item"><a href="/informatika/ssd8-networks-and-distributed-computing" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/380368/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/380368/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/380368/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/380368/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/380368/slide-0.jpg 1440w" class="slides-image related-itemImage"> SSD8: Networks and Distributed Computing</a></div><div class="related-item"><a href="/informatika/ispolzovanie-elementov-algebry-logiki-pri-reshenii-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/513554/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/513554/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/513554/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/513554/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/513554/slide-0.jpg 1440w" class="slides-image related-itemImage"> Использование элементов алгебры логики при решении заданий ЕГЭ по информатике</a></div><div class="related-item"><a href="/informatika/skrytye-vidy-problemy-predstavleniya-v-baze" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/16349/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/16349/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/16349/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/16349/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/16349/slide-0.jpg 1440w" class="slides-image related-itemImage"> Скрытые виды. Проблемы представления в базе данных</a></div><div class="related-item"><a href="/informatika/web-stranitsy-yazyk-html-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/88038/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/88038/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/88038/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/88038/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/88038/slide-0.jpg 1440w" class="slides-image related-itemImage"> Web-страницы. Язык HTML</a></div><div class="related-item"><a href="/informatika/paket-prikladnyh-programm-matlab-matrix-laboratory" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/411065/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/411065/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/411065/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/411065/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/411065/slide-0.jpg 1440w" class="slides-image related-itemImage"> Пакет прикладных программ MatLab (MATrix LABoratory)</a></div><!--]--></div></div></div></div><!--]--><!--]--><!--]--></div></div></main><footer class="footer"><div class="layout"><!----><div class="footer-contacts"><svg class="footer-contactsIcon" viewBox="0 0 27 26" xmlns="http://www.w3.org/2000/svg"><use xlink:href="/images/icons.svg#contacts"></use></svg> Обратная связь</div><!----><div class="footer-contactsEmail"> Email: <span class="footer-contactsShow">Нажмите что бы посмотреть</span></div></div></footer></div><!--]--></div><script>window.__NUXT__=(function(a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q){return {data:{meta:{result:{meta:{h1:l,main_text:a,main_title:m,main_description:n,main_keywords:o,main_image:a},app:{logo_image:p,logo_image_width:q,logo_image_height:r,logo_text:a,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:c,banner_1:a,banner_2:a,banner_3:a,banner_4:a,banner_5:a,banner_6:a,banner_7:a,banner_8:a,banner_9:a,banner_10:a,email:w,footer_before:a,footer:a,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:x,item_images:y,item_images_tag:z,item_words_h3:c,item_words_tag:A,item_words_1:h,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:e,item_show_contents:e,item_show_filename:e},colors:{header_text:j,header_bg:i,accent:i}},social:F}},item:{result:{id:282429,name:k,category:G,count:45,jpg:"jpg\u002F282429",hits:61,download:b,h1:"Объектно-событийный язык сценариев JavaScript презентация",meta:{h1:k,title:k,description:"Объектно-событийный язык сценариев JavaScript презентация на тему, доклад, Информатика",keywords:"Объектно-событийный язык сценариев JavaScript, презентация, доклад, проект, скачать, на тему, PowerPoint, урок, класс, школа, Информатика",download_link:a},text:"Вы можете изучить и скачать доклад-презентацию на тему Презентация на тему Объектно-событийный язык сценариев JavaScript из раздела Информатика. Презентация на заданную тему содержит 45 слайдов. Для просмотра воспользуйтесь проигрывателем, если материал оказался полезным для Вас - поделитесь им с друзьями с помощью социальных кнопок и добавьте наш сайт презентаций в закладки!",seo_text:"\u003Cp\u003EБазовые определения\u003Cbr\u003E\u003Cp\u003EJavaScript – это объектно-событийный язык сценариев. В этом определении содержатся три ключевых понятия: сценарий, событие и объект.\u003Cbr\u003EСценарий (скрипт, script) – программа, которая расширяет возможности языка HTML. Скрипты о",file:"Объектно-событийный-язык-сценариев-JavaScript.pptx",texts:["\u003Cp\u003EСовременные Web-технологии\r\nк.т.н., доц. Полупанов Д.В.\u003Cbr\u003E\u003Cp\u003EЛекция 5. Объектно-событийный язык\u003Cbr\u003E сценариев JavaScript\u003Cbr\u003E","\u003Cp\u003EБазовые определения\u003Cbr\u003E\u003Cp\u003EJavaScript – это объектно-событийный язык сценариев. В этом определении содержатся три ключевых понятия: сценарий, событие и объект.\u003Cbr\u003EСценарий (скрипт, script) – программа, которая расширяет возможности языка HTML. Скрипты обрабатываются (интерпретируется) браузером одновременно с кодом HTML.\u003Cbr\u003EСобытие – действие пользователя или операционной системы, которое вызывает запуск скрипта (программы). В качестве примера произошедших событий можно назвать: нажатие клавиши на клавиатуре, щелчок мышью, открытие окна браузера, срабатывание таймера.\u003Cbr\u003E","\u003Cp\u003EОбъект – контейнер, содержащий данные. Объект обладает свойствами и методами, предназначенными для изменения этих свойств. \u003Cbr\u003EОбъектами являются: \u003Cbr\u003Eокно браузера (window); \u003Cbr\u003Eweb-страница (document); \u003Cbr\u003Eфрейм (frame);\u003Cbr\u003Eтекстовое поле (text);\u003Cbr\u003E кнопка (button). \u003Cbr\u003EЧасть объектов находятся в состоянии соподчиненности друг к другу (иерархии). Старшие объекты включают в себя младшие объекты. Например, web-страница (document) может содержать внутри себя форму (form), которая может быть реализована в виде текстового поля (text).\u003Cbr\u003EСвойства – совокупность переменных, которые характеризуют объект, например, ширина и высота окна браузера.\u003Cbr\u003EМетоды – функции (подпрограммы), которые позволяют изменять свойства объекта (а значит и сам объект). Характерной синтаксической особенностью методов является то, что их имена заканчиваются скобками. \u003Cbr\u003E",a,"\u003Cp\u003EНекоторые особенности\u003Cbr\u003E\u003Cp\u003EЯзык JavaScript существенно отличается от алгоритмических языков. Работа программ, написанных на алгоритмических языках, идет практически непрерывно от момента их запуска до момента завершения. \u003Cbr\u003EСкрипты – это множество программ, которые работают чаще всего независимо друг от друга и каждая программа запускается автономно при определенных действиях пользователя. По этой причине этот язык иногда называют интерактивным. \u003Cbr\u003EПри отсутствии активных действий пользователя скрипты не будут работать (за исключением, может быть, сценариев, которые запускаются с помощью таймера или в момент полной загрузки Web-страницы). Большую часть времени скрипты «дремлят», ожидая активных действий пользователя.\u003Cbr\u003E","\u003Cp\u003EЭлементы языка\u003Cbr\u003E\u003Cp\u003Eконстанты;\u003Cbr\u003Eпеременные;\u003Cbr\u003Eфункции;\u003Cbr\u003Eоператоры;\u003Cbr\u003Eвыражения.\u003Cbr\u003E","\u003Cp\u003EКонстанты\u003Cbr\u003E\u003Cp\u003EЭто величины, которые не изменяют своих значений в процессе работы скрипта. \u003Cbr\u003EКонстанты бывают следующих типов:\u003Cbr\u003Eцелые (десятичные, восьмеричные, шестнадцатеричные);\u003Cbr\u003Eс плавающей точкой;\u003Cbr\u003Eстроковые;\u003Cbr\u003Eбулевы (логические);\u003Cbr\u003E null, означающая отсутствие каких-либо значений. \u003Cbr\u003E","\u003Cp\u003EПеременные\u003Cbr\u003E\u003Cp\u003EЭто величины, которые принимают различные значения в процессе работы скрипта.\u003Cbr\u003EПеременные могут быть целыми, с плавающей точкой, строковыми и булевыми. Перед использованием переменные должны быть объявлены.\u003Cbr\u003EПеременные могут быть глобальными и локальными. Локальные действуют только внутри функции, глобальные действуют в рамках всей составленной программы. Однако и глобальные переменные действуют лишь в пределах одной Web-страницы.\u003Cbr\u003EИмена переменных должны начинаться с буквы или с символа подчеркивания. В именах допустимо использование арабских цифр. Имена не могут содержать пробелов. Они не должны совпадать с ключевыми (зарезервированными) словами языка JavaScript.\u003Cbr\u003E\u003Cbr\u003E","\u003Cp\u003EФункции\u003Cbr\u003E\u003Cp\u003EФункция – логически завершенный фрагмент программы, предназначенный для решения (реализации) определенной задачи. \u003Cbr\u003EКаждая функция должна иметь оригинальное имя. \u003Cbr\u003EОдна и та же функция может быть многократно вызвана в разных местах программы.\u003Cbr\u003E","\u003Cp\u003EОператоры\u003Cbr\u003E\u003Cp\u003EЭто конструкции, которые определяют, какие действия производятся над константами, переменными, функциями. \u003Cbr\u003EОператоры бывают следующих типов:\u003Cbr\u003Eприсваивания;\u003Cbr\u003Eсравнения;\u003Cbr\u003Eарифметические;\u003Cbr\u003Eинкремента и декремента;\u003Cbr\u003Eбитовые;\u003Cbr\u003Eлогические;\u003Cbr\u003Eстроковые;\u003Cbr\u003Eспециальные;\u003Cbr\u003Eуправляющие;\u003Cbr\u003Eцикла.\u003Cbr\u003E","\u003Cp\u003EВыражения\u003Cbr\u003E\u003Cp\u003EЭто набор констант, переменных, функций, соединенных операторами. \u003Cbr\u003EКаждое выражение в языке JavaScript должно заканчиваться точкой с запятой.\u003Cbr\u003E","\u003Cp\u003EВажно\u003Cbr\u003E\u003Cp\u003EПрограмма, написанная на языке JavaScript, чаще всего размещается внутри HTML-кода, например, внутри контейнера из тегов head. \u003Cbr\u003EГраницы сценария отмечают при помощи парного тега script. \u003Cbr\u003EСуществует возможность разместить код скрипта в отдельном файле. В этом случае можно вызывать один и тот же сценарий на разные HTML-страницы.\u003Cbr\u003E","\u003Cp\u003EНачинаем программировать\u003Cbr\u003E\u003Cp\u003E\u003C!DOCTYPE HTML PUBLIC \"-\u002F\u002FW3C\u002F\u002FDTD HTML 4.01\u002F\u002FEN\" \"http:\u002F\u002Fwww.w3.org\u002FTR\u002Fhtml4\u002Fstrict.dtd\"\u003E \u003Cbr\u003E\u003Chead\u003E\u003Cbr\u003E \u003Cmeta http-equiv=\"Content-Type\" content=\"text\u002Fhtml; charset=windows-1251\"\u003E \u003Cbr\u003E\u003C\u002Fhead\u003E \u003Cbr\u003E\u003Cbody\u003E\u003Cbr\u003E \u003Ch1\u003EНачнем?\u003C\u002Fh1\u003E\u003Cbr\u003E \u003Cscript type=\"text\u002Fjavascript\"\u003E\u003Cbr\u003E \u003C!– \u003Cbr\u003Edocument.write(\"Привет!\");\u003Cbr\u003E \u002F\u002F--\u003E\u003Cbr\u003E \u003C\u002Fscript\u003E\u003Cbr\u003E \u003C\u002Fbody\u003E \u003Cbr\u003E\u003C\u002Fhtml\u003E\u003Cbr\u003E","\u003Cp\u003EКомментарии к программе\u003Cbr\u003E\u003Cp\u003EТекст сценария оформляется как комментарий, чтобы не было проблем у посетителей, брaузеры которых не понимают JavaScript. Кроме того к символам, завершающим комментарий добавляется еще два символа \"\u002F\", т.к. некоторые браузеры рассматривает строку, состоящую только из символов \"--\u003E\", как ошибочную.\u003Cbr\u003EВ примере для объекта с именем document вызывается метод write. В качестве параметра ему передается текстовая строка \"Привет!\". Строка закрывается символом \";\", которым отделяются друг от друга все операторы JavaScript.\u003Cbr\u003EОбъект document – это HTML-документ, загруженный в окно брaузера. Метод write записывает в тело HTML-документа строку \"Привет!\". При этом документ будет выгдядеть так, как будто эта строка находится в нем на месте сценария.\u003Cbr\u003E","\u003Cp\u003EОператоры языка. Унарные операторы\u003Cbr\u003E","\u003Cp\u003EБинарные операторы\u003Cbr\u003E","\u003Cp\u003EОператоры для работы с отдельными битами\u003Cbr\u003E","\u003Cp\u003EОператоры сдвига\u003Cbr\u003E","\u003Cp\u003EОператоры отношения\u003Cbr\u003E","\u003Cp\u003EОператор присваивания и его комбинации\u003Cbr\u003E","\u003Cp\u003EУсловные операторы\u003Cbr\u003E\u003Cp\u003Eif-else\u003Cbr\u003E?:\u003Cbr\u003Eswitch - case:\u003Cbr\u003E\u003Cbr\u003E","\u003Cp\u003EПример оператора IF-ELSE\u003Cbr\u003E\u003Cp\u003Eif(Vol\u003C2) \u003Cbr\u003E{   \u003Cbr\u003Eb=true; \u003Cbr\u003Ess=\"w002.htm\"; \u003Cbr\u003E} \u003Cbr\u003Eelse if(Vol\u003E100)\u003Cbr\u003E {   \u003Cbr\u003Eb=true; \u003Cbr\u003Ess=\"w100.htm\"; \u003Cbr\u003E}\u003Cbr\u003E","\u003Cp\u003EПример оператора SWITCH - CASE:\u003Cbr\u003E\u003Cp\u003Eswitch(variable) { \u003Cbr\u003E case value_1: { \u003Cbr\u003E \u002F\u002Fблок операторов_1 \u003Cbr\u003E break; \u003Cbr\u003E } \u003Cbr\u003E case value_2: { \u003Cbr\u003E \u002F\u002Fблок операторов_2\u003Cbr\u003E break; \u003Cbr\u003E } \u003Cbr\u003E case value_n: { \u003Cbr\u003E \u002F\u002Fблок операторов_n\u003Cbr\u003E break; \u003Cbr\u003E } \u003Cbr\u003E default:\u003Cbr\u003E { \u002F\u002Fблок операторов по умолчанию \u003Cbr\u003E } \u003Cbr\u003E}\u003Cbr\u003E","\u003Cp\u003EПример оператора ?:\u003Cbr\u003E\u003Cp\u003Eb = (Vol\u003C2 || Vol\u003E100) ? true:false;\u003Cbr\u003E","\u003Cp\u003EОператоры цикла\u003Cbr\u003E\u003Cp\u003Efor\u003Cbr\u003Efor-in\u003Cbr\u003E while\u003Cbr\u003EКроме этих операторов в организации цикла могут участвовать еще два оператора: break (выход из цикла) и continue (переход на следующий шаг).\u003Cbr\u003E","\u003Cp\u003EПример оператора FOR\u003Cbr\u003E\u003Cp\u003Efor(i=0; i\u003Cn; i++)\u003Cbr\u003E {   \u003Cbr\u003E text+=\" \";\u003Cbr\u003E }\u003Cbr\u003E","\u003Cp\u003EПример оператора FOR-IN\u003Cbr\u003E\u003Cp\u003Evar sprops=\"\u003CH2\u003EСвойства объекта window\u003C\u002FH2\u003E\"\u003Cbr\u003E for (props in window) \u003Cbr\u003E sprops+=\"\u003Cb\u003E\"+props+\"\u003C\u002Fb\u003E\u003Cxmp\u003E\"+\":\u003Cbr\u003E\"+window[props].substr(0,90)+\"\u003C\u002Fxmp\u003E\u003Cbr\u003E\"; \u003Cbr\u003Edocument.write(sprops);\u003Cbr\u003E","\u003Cp\u003EПример оператора WHILE\u003Cbr\u003E\u003Cp\u003Ei=0; \u003Cbr\u003Ewhile(i\u003Cn) \u003Cbr\u003E{  \u003Cbr\u003E text+=\" \"; \u003Cbr\u003E  i++;\u003Cbr\u003E }\u003Cbr\u003E","\u003Cp\u003EПрочие операторы\u003Cbr\u003E","\u003Cp\u003EОбъекты JavaScript\u003Cbr\u003E\u003Cp\u003EЯзык JavaScript является объектно-ориентированным. \u003Cbr\u003EОбъекты JavaScript представляют собой наборы свойств и методов. Можно сказать, что свойства объектов - это данные, связанные с объектом, а методы - функции для обработки данных объекта.\u003Cbr\u003EВ языке JavaScript имеется три вида объектов: встроенные объекты, объекты брaузера и объекты, создаваемые программистом.\u003Cbr\u003E","\u003Cp\u003EВстроенные объекты\u003Cbr\u003E\u003Cp\u003EArray, \u003Cbr\u003EBoolean,\u003Cbr\u003E Date, \u003Cbr\u003EGlobal,\u003Cbr\u003E Function,\u003Cbr\u003EMath,\u003Cbr\u003E Number, \u003Cbr\u003EString.\u003Cbr\u003E","\u003Cp\u003EВстроенный объект Array. Массивы в JavaScript\u003Cbr\u003E\u003Cp\u003EМассив в JavaScript является экземпляром встроенного объекта Array. Нумерация элементов в массиве начинается с нуля. \u003Cbr\u003EСоздать массив можно тремя способами:\u003Cbr\u003Evar a1 = new Array();\u003Cbr\u003E var a2 = new Array(3);\u003Cbr\u003E var a3 = new Array('раз','два','три'); \u003Cbr\u003Ea1 - массив, в котором нет ни одного элемента.\r\na2 - массив из трех элементов с неопределенным (undefined) значением.\r\na3 - массив, заданный списком своих элементов.\u003Cbr\u003E","\u003Cp\u003EСвойство и методы объекта Array\u003Cbr\u003E\u003Cp\u003Elength. Число элементов массива.\u003Cbr\u003Econcat( ). Слияние двух массивов. Через параметр передается имя второго массива: c=a.concat(b);\r\nЗдесь элементы массива b добавляются к элементам массива a.\u003Cbr\u003Ejoin( ). Слияние элементов массива в строку. Через параметр передается разделитель элементов. По умолчанию разделителем служит запятая. s=c.join('; ');\u003Cbr\u003Ereverse( ). Меняет порядок элементов массива на обратный.\u003Cbr\u003Eslice( ). Выделяет часть из массива. В качестве параметров передаются значения начального и конечного индексов, между которыми происходит выделение. При этом элемент массива с конечным индексом в результат не войдет. Следует помнить, что индексы отсчитываются от нуля.\u003Cbr\u003E","\u003Cp\u003EОбъекты брaузера\u003Cbr\u003E\u003Cp\u003EОбъекты брaузера являются тем интерфейсом, с помощью которого сценарий JavaScript взаимодействует с посетителем и HTML-документом, загруженным в окно брaузера, а также с самим брaузером. \u003Cbr\u003EОбращаясь к свойствам и методам этих объектов, можно выполнять различные операции над окном брaузера, загруженным в это окно HTML-документом, а также над отдельными объектами, размещенными в HTML-документе.\u003Cbr\u003EПрактически в любом сценарии JavaScript необходимы такие объекты, как окно - window и документ -document.\u003Cbr\u003E","\u003Cp\u003EСвойства объекта window\u003Cbr\u003E\u003Cp\u003Ename. Имя окна, указанное при его открытии методом open, а также в атрибуте TARGET тега \u003CA\u003E или в атрибуте NAME тега \u003CFORM\u003E.\u003Cbr\u003Eself, window. Синонимы имени окна. Относятся к текущему окну.\u003Cbr\u003Etop. Синоним имени окна. Относится к окну верхнего уровня.\u003Cbr\u003Eparent. Синоним имени окна. Относится к окну, содержащему набор фреймов.\u003Cbr\u003Eframes. Массив всех фреймов данного окна.\u003Cbr\u003Elength. Количество фреймов в родительском окне.\u003Cbr\u003Estatus. Текущее сообщение, отображаемое в строке состояния окна брaузера.\u003Cbr\u003E","\u003Cp\u003EМетоды объекта window\u003Cbr\u003E\u003Cp\u003Ealert. Отображение диалоговой панели Alert с сообщением и кнопкой OK. Через параметр передается сообщение, отображаемое в диалоговой панели. После вызова этого метода выполнение сценария задерживается до тех пор, пока посетитель не нажмет кнопку OK, расположенную в диалоговой панели.\u003Cbr\u003Econfirm. Отображение диалоговой панели Confirm с кнопками OK и Отмена. В зависимости от того, какая кнопка будет нажата, метод возвращает соответственно значение true или false.\u003Cbr\u003Eprompt. Отображение диалоговой панели Prompt с полем ввода и кнопками OK и Отмена. В зависимости от того, какая кнопка будет нажата, метод возвращает соответственно введенную строку или значение null. Метод имеет два параметра. Первый - сообщение над полем ввода. Второй (необязательный) - начальное значение строки ввода.\u003Cbr\u003E","\u003Cp\u003EМетоды объекта window\u003Cbr\u003E\u003Cp\u003Eopen. Открытие окна. Метод имеет три параметра. Первый задает URL HTML-документа, предназначенного для загрузки в новое окно. Второй определяет имя окна для использования в атрибутеTARGET тега \u003CA\u003E или в атрибуте NAME тега \u003CFORM\u003E. Третий (необязательный) задает в виде текстовой строки параметры, определяющие внешний вид открываемого окна.\u003Cbr\u003Eclose. Закрытие созданного или основного окна: \r\nnewWindow.close();\r\nТекущее окно брaузера можно закрыть одним из следующих способов:\r\nwindow.close(); self.close();\u003Cbr\u003EsetTimeout. Установка таймера. Применяется для ограничения времени ввода пароля, создания бегущих строк и всевозможных анимационных эффектов. Метод имеет два параметра. Первый задает выражение JavaScript, которое запускается по прошествии времени, указанного вторым параметром в миллисекундах. Заданное выражение запускается один раз.\u003Cbr\u003E","\u003Cp\u003EМетоды объекта window\u003Cbr\u003E\u003Cp\u003EclearTimeout. Сброс таймера. Для останова таймера метод setTimeout нужно вызвать с возвратом идентификатора, т.е. \r\nidTimer=setTimeout(\"change()\", 2000);\r\nа затем этот идентификатор передать методу clearTimeout в качестве параметра: \r\nclearTimeout(idTimer);\u003Cbr\u003Eblur( ). При вызове метода окно теряет фокус.\u003Cbr\u003Efocus( ). При вызове метода окно получает фокус.\u003Cbr\u003E","\u003Cp\u003EМетоды объекта window\u003Cbr\u003E\u003Cp\u003EMoveTo(x,y). Перемещает окно в точку с координатами.\u003Cbr\u003EMoveBy(x,y). Перемещает окно на x пикселей по горизонтали вправо и на y пикселей вниз.\u003Cbr\u003EResizeTo(x,y). Изменяет размер окна на указанные.\u003Cbr\u003EResizeBy(x,y). Увеличивает или уменьшает размер окна на заданное количество пикселей.\u003Cbr\u003Eprint( ). Печать документа.(не работает в IE 4)\u003Cbr\u003Escroll(x,y), ScrollTo(x,y). Прокручивает окно так, что точка с кординатами x,y становится левой верхней точкой окна.\u003Cbr\u003EScrollBy(x,y). Прокручивает окно на x,y пикселей.\u003Cbr\u003Estop( ). Прекращает загрузку документа в окно браузера.\u003Cbr\u003E","\u003Cp\u003EСвойства объекта document\u003Cbr\u003E\u003Cp\u003EURL. Полный URL документа.\u003Cbr\u003Elocation. Полный URL документа.\u003Cbr\u003Ereferrer. URL вызывающего документа.\u003Cbr\u003Etitle. Заголовок документа, определенный тегом \u003CTITLE\u003E.\u003Cbr\u003EbgColor. Цвет фона документа.\u003Cbr\u003EfgColor. Цвет текста.\u003Cbr\u003ElinkColor. Цвет cсылок.\u003Cbr\u003EalinkColor. Цвет выбранных cсылок.\u003Cbr\u003EvlinkColor. Цвет посещенных cсылок.\u003Cbr\u003E","\u003Cp\u003EСвойства объекта document\u003Cbr\u003E\u003Cp\u003Elinks. Массив всех cсылок в документе.\u003Cbr\u003Eanchors. Массив локальных меток. Применяется для организации ссылок внутри документа.\u003Cbr\u003Eapplets. Массив аплетов Java.\u003Cbr\u003Eforms. Массив форм в виде объектов.\u003Cbr\u003Eimages. Массив растровых изображений.\u003Cbr\u003Eembeds. Массив объектов plug-in.\u003Cbr\u003ElastModified. Дата последнего изменения документа.\u003Cbr\u003Ecookie. Значение cookie для текущего документа.\u003Cbr\u003E","\u003Cp\u003EСвойства объекта document\u003Cbr\u003E\u003Cp\u003EОбъект document может содержать в себе другие объекты, доступные как свойства:\u003Cbr\u003Eanchor. Локальная метка, определенная тегом \u003CA\u003E.\u003Cbr\u003Eform. Форма, определенная тегом \u003CFORM\u003E.\u003Cbr\u003Ehistory. Список посещенных URL.\u003Cbr\u003Elink. Текст или изображение, играющие роль гипертекстовой ссылки, созданной тегом \u003CA\u003E, в котором дополнительно заданы обработчики событий onClick и onMouseOver.\u003Cbr\u003E","\u003Cp\u003EМетоды объекта document\u003Cbr\u003E\u003Cp\u003Eсlear. Удаление содержимого документа из окна просмотра.\u003Cbr\u003Ewrite. Запись в документ произвольной HTML-конструкции.\u003Cbr\u003Ewriteln. Аналогичен write, но с добавлением символа перевода строки в конец строки.\u003Cbr\u003Eopen. Открытие выходного потока для записи в HTML-документ данных типа MIME при помощи методов write и writeln.\u003Cbr\u003Eclose. Закрытие потока данных, открытого методом open. В окне будут отображены все изменения содержимого документа, сделанные сценарием после открытия потока.\u003Cbr\u003E","\u003Cp\u003EСсылки в документе\u003Cbr\u003E\u003Cp\u003EДля каждой ссылки, размещенной в HTML-документе, создается отдельный объект. Все такие объекты находятся в объекте document как элементы массива links. Анализируя эти элементы, сценарий JavaScript может определить свойства каждой ссылки в HTML-документе\u003Cbr\u003E","\u003Cp\u003EСвойства ссылок в документе\u003Cbr\u003E\u003Cp\u003Elength. Количество ссылок в HTML-документе, т.е. количество элементов в массиве links.\u003Cbr\u003Ehash. Имя локальной ссылки, если она определена в URL.\u003Cbr\u003Ehost. Имя узла и порт, указанные в URL.\u003Cbr\u003Ehostname. Имя узла и доменное имя узла сети. Если доменное имя недоступно, вместо него указывается адрес IP.\u003Cbr\u003Ehref. Полный URL.\u003Cbr\u003Epathname. Путь к объекту, указанный в URL.\u003Cbr\u003Eport. Номер порта, использумого для передачи данных с сервером, указанным в ссылке.\u003Cbr\u003Eprotocol. Строка названия протокола передачи данных (включающая символ \"двоеточие\"), указанного в ссылке.\u003Cbr\u003Esearch. Строка запроса, указанная в URL после символа \"?\".\u003Cbr\u003Etarget. Имя окна, куда будет загружен документ при выполнении ссылки. Это может быть имя существующего окна фрейма, определенного тегом \u003CFRAMESET\u003E, или одно из зарезервированных имен -_top, _parent, _self, _blank.\u003Cbr\u003E"],href:"\u002Finformatika\u002Fobektno-sobytiynyy-yazyk-stsenariev-javascript",href_category:"\u002Finformatika",date:1637307509,related:[{id:344833,name:"Основы JDBC (Java DataBase Connectivity)",href:"\u002Finformatika\u002Fosnovy-jdbc-java-database-connectivity",jpg:"jpg\u002F344833"},{id:448259,name:"основы логики, построение логических схем",href:"\u002Finformatika\u002Fosnovy-logiki-postroenie-logicheskih-shem-5",jpg:"jpg\u002F448259"},{id:255061,name:"Разработка Интернет-магазина для торгового предприятия",href:"\u002Finformatika\u002Frazrabotka-internet-magazina-dlya-torgovogo-predpriyatiya",jpg:"jpg\u002F255061"},{id:583968,name:"Использование ИКТ в управлении ОУ",href:"\u002Finformatika\u002Fispolzovanie-ikt-v-upravlenii-ou",jpg:"jpg\u002F583968"},{id:597384,name:"Теги и их роль в структуре веб-страницы",href:"\u002Finformatika\u002Ftegi-i-ih-rol-v-strukture",jpg:"jpg\u002F597384"},{id:276570,name:"Разработка программно-алгоритмических средств для исследования профильных методов классификации текстовых документов",href:"\u002Finformatika\u002Frazrabotka-programmno-algoritmicheskih-sredstv-dlya-issledovaniya",jpg:"jpg\u002F276570"},{id:370909,name:"Components of computer",href:"\u002Finformatika\u002Fcomponents-of-computer",jpg:"jpg\u002F370909"},{id:425750,name:"Язык Python. Решение вычислительных задач на компьютере",href:"\u002Finformatika\u002Fyazyk-python-reshenie-vychislitelnyh-zadach-na",jpg:"jpg\u002F425750"},{id:154057,name:"Поиск информации с использованием компьютера",href:"\u002Finformatika\u002Fpoisk-informatsii-s-ispolzovaniem-kompyutera-2",jpg:"jpg\u002F154057"},{id:423644,name:"Организация интернет-СМИ",href:"\u002Finformatika\u002Forganizatsiya-internet-smi-1",jpg:"jpg\u002F423644"},{id:193989,name:"Многообразие схем",href:"\u002Finformatika\u002Fmnogoobrazie-shem-2",jpg:"jpg\u002F193989"},{id:247165,name:"Классы и структуры в C#",href:"\u002Finformatika\u002Fklassy-i-struktury-v-c",jpg:"jpg\u002F247165"},{id:198519,name:"Стандартная процедура проверки документов",href:"\u002Finformatika\u002Fstandartnaya-protsedura-proverki-dokumentov",jpg:"jpg\u002F198519"},{id:200336,name:"Бағдарламаларды құрастыру тәсілдері. (Тема 6)",href:"\u002Finformatika\u002Fbadarlamalardy-rastyru-tslder-tema-6",jpg:"jpg\u002F200336"},{id:242466,name:"Операторы условного и безусловного перехода",href:"\u002Finformatika\u002Foperatory-uslovnogo-i-bezuslovnogo-perehoda",jpg:"jpg\u002F242466"},{id:192663,name:"Парсинг HTML. Краткий обзор технологий для понимания сбора и обработки данных",href:"\u002Finformatika\u002Fparsing-html-kratkiy-obzor-tehnologiy-dlya",jpg:"jpg\u002F192663"},{id:219329,name:"Теория алгоритмов. (Лекция 3)",href:"\u002Finformatika\u002Fteoriya-algoritmov-lektsiya-3",jpg:"jpg\u002F219329"},{id:410252,name:"Измерение информации. 10 класс",href:"\u002Finformatika\u002Fizmerenie-informatsii-10-klass",jpg:"jpg\u002F410252"},{id:576132,name:"Компьютерная графика. Обработка графической информации. Информатика. 7 класс",href:"\u002Finformatika\u002Fkompyuternaya-grafika-obrabotka-graficheskoy-informatsii-informatika",jpg:"jpg\u002F576132"},{id:439677,name:"Маркировка и штриховое кодирование пищевых продуктов",href:"\u002Finformatika\u002Fmarkirovka-i-shtrihovoe-kodirovanie-pishchevyh-produktov",jpg:"jpg\u002F439677"},{id:4010,name:"Алгоритмизация и программирование. Лекция 1",href:"\u002Finformatika\u002Falgoritmizatsiya-i-programmirovanie-lektsiya-1",jpg:"jpg\u002F4010"},{id:418487,name:"Компюперлік графика",href:"\u002Finformatika\u002Fkompyuperlk-grafika",jpg:"jpg\u002F418487"},{id:361225,name:"Решение простых задач с помощью Excel",href:"\u002Finformatika\u002Freshenie-prostyh-zadach-s-pomoshchyu-excel",jpg:"jpg\u002F361225"},{id:380368,name:"SSD8: Networks and Distributed Computing",href:"\u002Finformatika\u002Fssd8-networks-and-distributed-computing",jpg:"jpg\u002F380368"},{id:513554,name:"Использование элементов алгебры логики при решении заданий ЕГЭ по информатике",href:"\u002Finformatika\u002Fispolzovanie-elementov-algebry-logiki-pri-reshenii-1",jpg:"jpg\u002F513554"},{id:16349,name:"Скрытые виды. Проблемы представления в базе данных",href:"\u002Finformatika\u002Fskrytye-vidy-problemy-predstavleniya-v-baze",jpg:"jpg\u002F16349"},{id:88038,name:"Web-страницы. Язык HTML",href:"\u002Finformatika\u002Fweb-stranitsy-yazyk-html-1",jpg:"jpg\u002F88038"},{id:411065,name:"Пакет прикладных программ MatLab (MATrix LABoratory)",href:"\u002Finformatika\u002Fpaket-prikladnyh-programm-matlab-matrix-laboratory",jpg:"jpg\u002F411065"}],navigation:{next:"\u002Fmarketing\u002Fmarketingovye-aktsii-pervoe-predlozhenie-pervostolnika",next_name:"Маркетинговые акции. Первое предложение первостольника",prev:"\u002Fobrazovanie\u002Fmetodologiya-i-kriterii-otsenki-kachestva-obshchego",prev_name:"Методология и критерии оценки качества общего образования Рособрнадзором на основе международных исследований"}}},categories:{result:[{id:H,ordering:b,name:"Без категории",pseudoname:"uncategorized"},{id:144,ordering:b,name:"Бизнес",pseudoname:"biznes"},{id:146,ordering:b,name:"Образование",pseudoname:"obrazovanie"},{id:149,ordering:b,name:"Финансы",pseudoname:"finansy"},{id:150,ordering:b,name:"Государство",pseudoname:"gosudarstvo"},{id:152,ordering:b,name:"Спорт",pseudoname:"sport"},{id:154,ordering:b,name:"Армия",pseudoname:"armiya"},{id:156,ordering:b,name:"Культурология",pseudoname:"kulturologiya"},{id:157,ordering:b,name:"Еда и кулинария",pseudoname:"eda-i-kulinariya"},{id:158,ordering:b,name:"Лингвистика",pseudoname:"lingvistika"},{id:163,ordering:b,name:"Черчение",pseudoname:"cherchenie"},{id:164,ordering:b,name:"Физкультура",pseudoname:"fizkultura"},{id:165,ordering:b,name:"ИЗО",pseudoname:"izo"},{id:166,ordering:b,name:"Психология",pseudoname:"psihologiya"},{id:116,ordering:H,name:"Английский язык",pseudoname:"angliyskiy-yazyk"},{id:108,ordering:2,name:"Астрономия",pseudoname:"astronomiya"},{id:104,ordering:3,name:"Алгебра",pseudoname:"algebra"},{id:106,ordering:4,name:"Биология",pseudoname:"biologiya"},{id:142,ordering:5,name:"География",pseudoname:"geografiya"},{id:141,ordering:6,name:"Геометрия",pseudoname:"geometria"},{id:123,ordering:7,name:"Детские презентации",pseudoname:"detskie-prezentatsii"},{id:107,ordering:8,name:G,pseudoname:"informatika"},{id:109,ordering:9,name:"История",pseudoname:"istoriya"},{id:139,ordering:10,name:"Литература",pseudoname:"literatura"},{id:119,ordering:11,name:"Маркетинг",pseudoname:"marketing"},{id:114,ordering:12,name:"Математика",pseudoname:"matematika"},{id:138,ordering:h,name:"Медицина",pseudoname:"medetsina"},{id:118,ordering:14,name:"Менеджмент",pseudoname:"menedzhment"},{id:137,ordering:15,name:"Музыка",pseudoname:"muzyka"},{id:136,ordering:16,name:"МХК",pseudoname:"mhk"},{id:130,ordering:17,name:"Немецкий язык",pseudoname:"nemetskiy-yazyk"},{id:105,ordering:18,name:"ОБЖ",pseudoname:"obzh"},{id:133,ordering:19,name:"Обществознание ",pseudoname:"obshchestvoznanie"},{id:132,ordering:20,name:"Окружающий мир ",pseudoname:"okruzhayushchiy-mir"},{id:131,ordering:21,name:"Педагогика ",pseudoname:"pedagogika"},{id:129,ordering:22,name:"Русский язык",pseudoname:"russkiy-yazyk"},{id:128,ordering:24,name:"Технология",pseudoname:"tehnologiya"},{id:127,ordering:25,name:"Физика",pseudoname:"fizika"},{id:126,ordering:26,name:"Философия",pseudoname:"filosofiya"},{id:125,ordering:27,name:"Химия",pseudoname:"himiya"},{id:124,ordering:29,name:"Экология",pseudoname:"ekologiya"},{id:121,ordering:30,name:"Экономика",pseudoname:"ekonomika"},{id:120,ordering:31,name:"Юриспруденция",pseudoname:"yurisprudentsiya"}]}},state:{},_errors:{},serverRendered:e,config:{public:{SITE_NAME:I,SITE_HOST:"mypreza.com",SITE_LANG:J,API_BASE_URL:"https:\u002F\u002Fmypreza.com\u002Fapi\u002F",pwaManifest:{name:I,short_name:a,description:a,lang:J,start_url:"\u002F?standalone=true",display:"standalone",background_color:j,theme_color:"#000000",icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.f2a6e93d.png",type:d,sizes:K,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.f2a6e93d.png",type:d,sizes:K,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.f2a6e93d.png",type:d,sizes:L,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.f2a6e93d.png",type:d,sizes:L,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.f2a6e93d.png",type:d,sizes:M,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.f2a6e93d.png",type:d,sizes:M,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.f2a6e93d.png",type:d,sizes:N,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.f2a6e93d.png",type:d,sizes:N,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.f2a6e93d.png",type:d,sizes:O,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.f2a6e93d.png",type:d,sizes:O,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.f2a6e93d.png",type:d,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.f2a6e93d.png",type:d,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.f2a6e93d.png",type:d,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.f2a6e93d.png",type:d,sizes:Q,purpose:g}]},yandexMetrika:{id:"85004146",metrikaUrl:"https:\u002F\u002Fmc.yandex.ru\u002Fmetrika\u002Ftag.js",accurateTrackBounce:e,childIframe:c,clickmap:c,defer:c,useRuntimeConfig:e,trackHash:c,trackLinks:e,type:b,webvisor:c,triggerEvent:c,consoleLog:e,partytown:c,isDev:c}},app:{baseURL:"\u002F",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:a}},pinia:{app:{meta:{h1:l,main_text:a,main_title:m,main_description:n,main_keywords:o,main_image:a},app:{logo_image:p,logo_image_width:q,logo_image_height:r,logo_text:a,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:c,banner_1:a,banner_2:a,banner_3:a,banner_4:a,banner_5:a,banner_6:a,banner_7:a,banner_8:a,banner_9:a,banner_10:a,email:w,footer_before:a,footer:a,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:x,item_images:y,item_images_tag:z,item_words_h3:c,item_words_tag:A,item_words_1:h,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:e,item_show_contents:e,item_show_filename:e},colors:{header_text:j,header_bg:i,accent:i}},social:F,token:a}}}}("",0,false,"image\u002Fpng",true,"any","maskable",13,"#d53032","#ffffff","Объектно-событийный язык сценариев JavaScript","Учебные презентации","Презентации в PowerPoint на разные темы","Презентации, проекты, доклады в PowerPoint на разные темы для учебы","Презентация, на тему, урок, класс, PowerPoint, скачати презентацію, фон, шаблон, доклад, проект.","images\u002Fdata\u002Flogo.png",185,40,720,480,"6LeioWIpAAAAAGqMN4KqMVIkekcMW7fBKHjXCd-a","2503267","mypreza@ya.ru","h3a","text","none","h3","category","both",80,800,"\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fes5-shims\u002F0.0.2\u002Fes5-shims.min.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fshare2\u002Fshare.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cdiv class=\"ya-share2\" data-services=\"collections,gplus,vkontakte,facebook,odnoklassniki,gplus,twitter,moimir\" data-counter=\"\"\u003E\u003C\u002Fdiv\u003E","Информатика",1,"Mypreza","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512"))</script><script type="module" src="/_nuxt/entry.0d6add34.js" crossorigin></script></body> </html>