ЯЗЫК JAVASCRIPT

Троицкий Д.И. Интернет-технологии
Технология Java включает две составляющих: одноименный язык программирования и платформу Java, которая, в свою очередь, состоит из виртуальной машины Java (Java VM) и интерфейса прикладного программирования (Java API).
Исполняемый модуль для виртуальной машины Java именуется байт-кодом (или иногда J-кодом).
Язык JavaScript поддерживается всеми современными браузерами. Java-апплет представляет собой исполняемый код для так называемой виртуальной машины Java, встроенной в браузер.
Недостаток программ для любой виртуальной машины – низкая производительность.

Троицкий Д.И. Интернет-технологии
С помощью языка программирования Java можно создавать программы двух типов: приложения (applications) и апплеты (applets).
Java-приложения представляют собой полнофункциональные программы, которые выполняются под управлением виртуальной Java-машины, которая, в свою очередь, работает под управлением операционной системы.
Java-апплет есть байт-код для Java-машины, которая работает под управлением браузера.
Для помещения апплета на Web-страницу разработчик сайта должен:
подготовить его байт-код с помощью какого-либо средства разработки,
разместить файл с байт-кодом в каталоге Web-сервера,
указать его URL в тексте разрабатываемой страницы в специальном теге
.
Браузер клиента по завершению загрузки страницы с апплетом запускает свою виртуальную машину, которая начинает выполнение апплета.
Апплет не имеет возможности доступа к локальным ресурсам клиентского компьютера.
Слайд 4
Троицкий Д.И. Интернет-технологии
Все операции, которые можно исполнять в программе на JavaScript, описывают
действия над объектами, которыми являются элементы рабочей области браузера (окно, документ, статусная строка…) и контейнеры языка HTML.
ИМЕЕТСЯ:
объекты с набором свойств и методов,
обычные функции, больше похожие на процедуры из традиционных языков программирования,
события.
НЕТ:
создаваемых программистом классов объектов,
наследования в JavaScript.
Слайд 5
Троицкий Д.И. Интернет-технологии
Cкрипт включается в HTML-документ с помощью тега
: <br><p><script><br><script language</div></h3></h3><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt="Троицкий Д.И. Интернет-технологии Cкрипт включается в HTML-документ с помощью тега : ТЕЛО" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/409556/slide-4.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/409556/slide-4.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/409556/slide-4.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/409556/slide-4.jpg 1440w" class="slides-image" src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/409556/slide-4.jpg"><!----><div class="slides-content">= “JavaScript”><br><! - - <br>ТЕЛО СКРИПТА<br>// - - ><br>
JavaScript-код может вставляться в элемент .
Исполняется такой сценарий сразу после загрузки web-документа, например:
<br>{document.write("Эту строку вывел сценарий")}<br>
Слайд 6
Троицкий Д.И. Интернет-технологии
JavaScript-код можно вставлять в элемент .
Такой сценарий запускается в
ответ на какое-либо событие, генерируемое системой или пользователем.
Например:
Сценарий JavaScript
<br>function wrt()
{document.write("Эту строку вывел сценарий")}<br>
Слайд 7
Троицкий Д.И. Интернет-технологии
Внешний сценарий также может запускаться и сразу после загрузки
web-документа, или по какому-либо событию.
JavaScript-код можно поместить в отдельном файле с расширением .js. Далее в разделе следует указать адрес этого файла следующим образом:
Сценарий можно разместить и непосредственно в обработчике события, например:
onClick="document.write("Эту строку вывел сценарий")"/>
Слайд 8
Троицкий Д.И. Интернет-технологии
Типы данных в JavaScript
Слайд 9
Троицкий Д.И. Интернет-технологии
Переменные в JavaScript, как и в Pascal, задаются с помощью
ключевого слова var:
var a = 27;
JavaScript является языком со свободной типизацией.
Одной и той же переменной можно присваивать различные типы данных:
var a = 27;
a = 15.5;
a = "String 1";
В Java предусмотрены два способа включения комментариев:
// Это однострочный комментарий
/*а это много -
строчный комментарий*/
Слайд 10
Троицкий Д.И. Интернет-технологии
Арифметические действия
Часть операций (++, --) являются унарными. К ним
относятся префиксное и постфиксное возрастание ++; префиксное и постфиксное уменьшение --, унарный плюс; унарный минус.
Слайд 11
Троицкий Д.И. Интернет-технологии
Оператор присваивания
Слайд 12
Троицкий Д.И. Интернет-технологии
Логические операции
Для конкатенации (объединения) строк используется оператор +:
var a
= "a" + "b" + "c";
Переменная a будет содержать строку "abc".
Слайд 13
Троицкий Д.И. Интернет-технологии
Функция (function) - это группа операторов, предназначенных для определенной цели
и объединенных под общим именем.
Функция имеет следующий общий вид:
function имяфункции([аргументы])
{
операторы;
}
Функции и события
Функции автоматически запускаться на выполнение не могут.
Слайд 14
Троицкий Д.И. Интернет-технологии
Указание имени функции непосредственно в блоке SCRIPT:
<br>// вызов</div></h3></h3><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt="Троицкий Д.И. Интернет-технологии Указание имени функции непосредственно в блоке SCRIPT: // вызов" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/409556/slide-13.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/409556/slide-13.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/409556/slide-13.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/409556/slide-13.jpg 1440w" class="slides-image" src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/409556/slide-13.jpg"><!----><div class="slides-content">функции<br>yourMessage();<br>// описание функции<br>function yourMessage()<br>{<br>alert("Наша первая функция");<br>}<br>
Функции в языке JavaScript могут вызываться несколькими способами.
Одну функцию можно вызывать из другой, но для "запуска" вcего процесса обычно применяются события.
Слайд 15
Троицкий Д.И. Интернет-технологии
Самые нужные события:
Событие onLoad. Это событие происходит после загрузки страницы
в окне браузера. Оно считается состоявшимся только после полного завершения загрузки всей страницы, включая изображения. Событие, происходящее при выгрузке страницы (переходе на другую страницу или закрытии окна браузера), называется onUnload.
Событие onClick. Это событие происходит после щелчка мышью в определенном месте страницы. Множество элементов страницы (гиперссылки, изображения, кнопки и пр.) могут реагировать на событие onClick.
Событие onMouseover. Это событие происходит после наведения курсора мыши на определенный элемент страницы. Событие onMouseover можно связать практически с любым объектом Web-страницы (текстом, изображением, кнопками, гиперссылками и т.д.).
Событие onMouseout. Это событие происходит в тех случаях, когда курсор мыши отводится от объекта.
Слайд 16
Троицкий Д.И. Интернет-технологии
Пример функции, выводящей текущее время:
function announceTime()
{
//get the date, the hour,
minutes, and seconds
var the_date = new Date();
var the_hour = the_date.getHours();
var the_minute = the_date.getMinutes();
var the_second = the_date.getSeconds();
var the_time = the_hour + ":" + the_minute + ":" + the_second;
alert("Время: " +the_time);
}
Свяжем вызов данной функции с событием onMouseOver абзаца (тег
):
Который час?
Теперь достаточно подвести курсор к фразе "Который час?" – и выскочит окошко с текущим временем.
Слайд 17
Троицкий Д.И. Интернет-технологии
Объекты и массивы (всегда динамические) создаются с помощью оператора new.
Нумерация элементов массива начинается с нуля.
В JavaScript допускается возможность хранить различные типы данных в одном массиве:
var a = new Array();
a[0] = 8;
a[1] = 4.9;
a[2] = "String 1";
Массивы в JavaScript
С помощью JavaScript можно так же имитировать и многомерные массивы:
var a = new Array();
a[0] = new Array();
a[0][0] = "1,1";
a[0][1] = "1,2";
a[1] = new Array();
a[1][0] = "2,1";
a[1][1] = "2,2";
Слайд 18
Троицкий Д.И. Интернет-технологии
Для работы с массивами в JavaScript применяются методы:
Метод join().
Метод join() позволяет объединить элементы массива в одну строку. Он является обратным методу split(), который применяется к объектам типа "текстовая строка".
Например:
b = "http://intuit.ru/help/index.html";
b = split('/');
Получили массив b:
b[0]=http:
b[1]=
b[2]=intuit.ru
b[3]=help
b[4]=index.html
Объединили элементы массива b обратно в строку:
l=b.join("/");
Получили в результате:
http://intuit.ru/help/index.html
Слайд 19
Троицкий Д.И. Интернет-технологии
Метод reverse(). Метод reverse() применяется для изменения на противоположный порядка
элементов массива внутри массива.
Метод sort(). Метод sort() позволяет отсортировать элементы массива в соответствии с некоторой функцией сортировки, чье имя используется в качестве аргумента метода.
Пример:
Предположим, массив натуральных чисел упорядочен по возрастанию:
a = new Array(1,2,3,4,5);
Упорядочим его по убыванию: a.reverse();
Результат: a[0]=5 a[1]=4 a[2]=3 a[3]=2 a[4]=1
Например:
a = new Array(1,6,9,9,3,5);
function g(a,b)
{
if(a > b) return 1;
if(a < b) return -1;
if(a==b) return 0;
}
b = a.sort(g);
В результате выполнения этого кода получим массив следующего вида:
b[0]=1 b[1]=3 b[2]=5 b[3]=6 b[4]=9 b[5]=9
Имя файла: ЯЗЫК-JAVASCRIPT.pptx
Количество просмотров: 430
Количество скачиваний: 0
Скачать
- Предыдущая
В проектной документации зачастую необходимо отобразить внешний вид окна, или набора окон, структура данных, таблицы, словари еще
Следующая -
Предложение по летнему корпоративному отдыху на стадионе «Труд» (пос. «Старая Купавна»)
Похожие презентации
Составление программ практик для бакалавров, направленных на формирование компетенций, предусмотренных ФГОС, и приобретение рабо
«Школа Касперского»,ресурсы и возможности.
Краткая характеристика героев романа «Тихий Дон»
«ЗОЛОТОЙ ВЕНЕЦ»
Культура и наука в конце XX - начале XXI века
Автоматизированная информационная система по обработке и мониторингу грузовых таможенных деклараций
Контроль сборки и сварки
KLER
Путешествие на поезде «Здоровье» - презентация для начальной школы
Нагорная проповедь
Права ребенка
Аппаратное обеспечение ЭВМ. Процессор
Японская экономическая модель: содержание и направления развития
Презентация на тему Профилактика наркомании
Международные стажировки и профессиональные тренинги в Израиле
Управление уроком как показатель творческой самореализации учителя
Классификация светофоров
Творчество Владислава Крапивина
Производственные запасы. Учет поступления, амортизации и выбытия основных средств
Общественные движения 1-й четверти XIX века
Измерение информационного объема сообщения
Восстановленное молоко: получение, питание, лечение
ДЕТИ НЕШПИОНОВ: КАК ЗАЩИТИТЬ КОМПЬЮТЕРНЫЙ КЛАСС?Баричев Сергей Геннадьевич, к.т.н. преподаватель информатики СОШ №593 (г. Москва)
Расчет массы и объема тела по его плотности
Множество действительных чисел
История знака СПБГПМУ
Гражданское общество и государство
Национальная система квалификаций России
(function(d,s){d.getElementById("licnt7D89").src=
"https://counter.yadro.ru/hit?t12.1;r"+escape(d.referrer)+
((typeof(s)=="undefined")?"":";s"+s.width+"*"+s.height+"*"+
(s.colorDepth?s.colorDepth:s.pixelDepth))+";u"+escape(d.URL)+
";h"+escape(d.title.substring(0,150))+";"+Math.random()})
(document,screen)
Обратная связь
Для правообладателей
Email:
Нажмите что бы посмотреть
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,R,S,T,U,V){return {data:{meta:{result:{meta:{h1:l,main_text:b,main_title:m,main_description:n,main_keywords:o,main_image:b},app:{logo_image:p,logo_image_width:i,logo_image_height:q,logo_text:r,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:e,banner_1:b,banner_2:b,banner_3:b,banner_4:b,banner_5:b,banner_6:b,banner_7:b,banner_8:b,banner_9:b,banner_10:w,email:x,footer_before:y,footer:z,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:A,item_images:B,item_images_tag:C,item_words_h3:c,item_words_tag:D,item_words_1:h,routing:E,item_slide_skipping:F,item_download_timeout:G,item_slider_width:a,item_show_pdf:c,item_show_contents:c,item_show_filename:e},colors:{header_text:j,header_bg:k,accent:H}},social:I}},categories:{result:[{id:J,ordering:a,name:"Алгебра",pseudoname:"prezentacii-po-algebre"},{id:2,ordering:a,name:"Английский язык",pseudoname:"prezentacii-po-angliyskomu-yaziku"},{id:3,ordering:a,name:"Астрономия",pseudoname:"prezentacii-po-astronomii"},{id:4,ordering:a,name:"Биология",pseudoname:"prezentacii-po-biologii"},{id:5,ordering:a,name:"География",pseudoname:"prezentacii-po-geografii"},{id:6,ordering:a,name:"Геометрия",pseudoname:"prezentacii-po-geometrii"},{id:7,ordering:a,name:"Информатика",pseudoname:"prezentacii-po-informatike"},{id:8,ordering:a,name:"История",pseudoname:"prezentacii-po-istorii"},{id:9,ordering:a,name:"Литература",pseudoname:"prezentacii-po-literature"},{id:10,ordering:a,name:"Математика",pseudoname:"prezentacii-po-matematike"},{id:11,ordering:a,name:"Медицина",pseudoname:"prezentacii-po-medicine"},{id:h,ordering:a,name:"Музыка",pseudoname:"prezentacii-po-musice"},{id:13,ordering:a,name:"МХК",pseudoname:"prezentacii-po-mkhk"},{id:14,ordering:a,name:"ОБЖ",pseudoname:"prezentacii-po-obzh"},{id:15,ordering:a,name:"Обществознание",pseudoname:"prezentacii-po-obshhestvoznaniju"},{id:17,ordering:a,name:"Педагогика",pseudoname:"prezentacii-po-pedagogike"},{id:18,ordering:a,name:"Немецкий язык",pseudoname:"prezentacii-po-nemezkomy-yaziku"},{id:K,ordering:a,name:"Русский язык",pseudoname:"prezentacii-po-russkomu-yazyku"},{id:21,ordering:a,name:"Технология",pseudoname:"prezentacii-po-tehnologii"},{id:22,ordering:a,name:"Физика",pseudoname:"prezentacii-po-fizike"},{id:23,ordering:a,name:"Философия",pseudoname:"prezentacii-po-filosofii"},{id:24,ordering:a,name:"Химия",pseudoname:"prezentacii-po-himii"},{id:25,ordering:a,name:"Экология",pseudoname:"prezentacii-po-ehkologii"},{id:26,ordering:a,name:"Экономика",pseudoname:"prezentacii-po-ekonomike"},{id:27,ordering:a,name:"Детские презентации",pseudoname:"detskie-prezentacii"},{id:i,ordering:a,name:"Шаблоны презентаций",pseudoname:"shablony-dlya-prezentacii"},{id:29,ordering:a,name:L,pseudoname:"prezentacii-na-razlichnye-temy"},{id:48,ordering:a,name:"Культурология",pseudoname:"kulturologiya"},{id:16,ordering:J,name:"Окружающий мир",pseudoname:"prezentacii-po-okruzhayushhemu-miru"}]},item:{result:{id:409556,name:"ЯЗЫК JAVASCRIPT",category:L,count:K,jpg:"jpg\u002F409556",hits:430,download:a,h1:M,meta:{h1:M,title:"ЯЗЫК JAVASCRIPT презентация",description:"ЯЗЫК JAVASCRIPT презентация, доклад, проект, Разное ",keywords:"ЯЗЫК JAVASCRIPT, презентация, доклад, проект, скачать презентацию на тему, PowerPoint, скачати презентацію, фон, шаблон, урок, конспект, класс, школа, класс, Разное",download_link:b},text:"\u003Cp style=\"text-align: justify;\" \u002F\u003EПрезентация на тему ЯЗЫК JAVASCRIPT, из раздела: Разное.&nbsp; Презентацию в формате PowerPoint (pptx) можно скачать внизу страницы, поделившись ссылкой в социальных сетях! Презентации взяты из открытого доступа или загружены их авторами, администрация сайта не отвечает за достоверность информации в них. Все права принадлежат авторам материалов: \u003Ca href=\"politika-zashchity-avtorskih-prav\"\u003EПолитика защиты авторских прав\u003C\u002Fa\u003E",seo_text:"\u003Cp\u003EТроицкий Д.И. Интернет-технологии\u003Cbr\u003E\u003Cp\u003EТехнология Java включает две составляющих: одноименный язык программирования и платформу Java, которая, в свою очередь, состоит из виртуальной машины Java (Java VM) и интерфейса прикладного программирования (Java API). \u003Cbr\u003E\u003Cp\u003EИсполняемый модуль для виртуальной машины Java именуется байт-кодом (или иногда J-кодом).\u003Cbr\u003E\u003Cp\u003EЯзык JavaScript поддерживается всеми современными браузерами. Java-апплет представляет собой исполняемый код для так называемой виртуальной машины Java, встроенной в браузер. \u003Cbr\u003E\u003Cp\u003EНедостаток программ для любой виртуальной машины – низкая производительность. \u003Cbr\u003E \u003Cp\u003EТроицкий Д.И. Интернет-технологии\u003Cbr\u003E\u003Cp\u003EС помощью языка программирования Java можно создавать программы двух типов: приложения (applications) и апплеты (applets). \u003Cbr\u003E\u003Cp\u003E \u003Cbr\u003E\u003Cp\u003EJava-приложения представляют собой полнофункциональные программы, которые выполняются под управлением виртуальной Java-машины, которая, в свою очередь, работает под управлением операционной системы. \u003Cbr\u003E\u003Cp\u003EJava-апплет есть байт-код для Java-машины, которая работает под управлением браузера. \u003Cbr\u003E\u003Cp\u003EДля помещения апплета на Web-страницу разработчик сайта должен:\u003Cbr\u003Eподготовить его байт-код с помощью какого-либо средства разработки,\u003Cbr\u003Eразместить файл с байт-кодом в каталоге Web-сервера, \u003Cbr\u003Eуказать его URL в тексте разрабатываемой страницы в специальном теге \u003Capplet\u003E. \u003Cbr\u003E\u003Cp\u003EБраузер клиента по завершению загрузки страницы с апплетом запускает свою виртуальную машину, которая начинает выполнение апплета. \u003Cbr\u003E\u003Cp\u003EАпплет не имеет возможности доступа к локальным ресурсам клиентского компьютера. \u003Cbr\u003E",file:"ЯЗЫК-JAVASCRIPT.pptx",texts:["\u003Cp\u003EТроицкий Д.И. Интернет-технологии\u003Cbr\u003E\u003Cp\u003EЯЗЫК JAVASCRIPT\u003Cbr\u003E\u003Cp\u003EЛекция 10\u003Cbr\u003E\u003Cp\u003EКафедра «Автоматизированные станочные системы»\u003Cbr\u003EDept. of Automated Manufacturing Systems\u003Cbr\u003E","\u003Cp\u003EТроицкий Д.И. Интернет-технологии\u003Cbr\u003E\u003Cp\u003EТехнология Java включает две составляющих: одноименный язык программирования и платформу Java, которая, в свою очередь, состоит из виртуальной машины Java (Java VM) и интерфейса прикладного программирования (Java API). \u003Cbr\u003E\u003Cp\u003EИсполняемый модуль для виртуальной машины Java именуется байт-кодом (или иногда J-кодом).\u003Cbr\u003E\u003Cp\u003EЯзык JavaScript поддерживается всеми современными браузерами. Java-апплет представляет собой исполняемый код для так называемой виртуальной машины Java, встроенной в браузер. \u003Cbr\u003E\u003Cp\u003EНедостаток программ для любой виртуальной машины – низкая производительность. \u003Cbr\u003E","\u003Cp\u003EТроицкий Д.И. Интернет-технологии\u003Cbr\u003E\u003Cp\u003EС помощью языка программирования Java можно создавать программы двух типов: приложения (applications) и апплеты (applets). \u003Cbr\u003E\u003Cp\u003E \u003Cbr\u003E\u003Cp\u003EJava-приложения представляют собой полнофункциональные программы, которые выполняются под управлением виртуальной Java-машины, которая, в свою очередь, работает под управлением операционной системы. \u003Cbr\u003E\u003Cp\u003EJava-апплет есть байт-код для Java-машины, которая работает под управлением браузера. \u003Cbr\u003E\u003Cp\u003EДля помещения апплета на Web-страницу разработчик сайта должен:\u003Cbr\u003Eподготовить его байт-код с помощью какого-либо средства разработки,\u003Cbr\u003Eразместить файл с байт-кодом в каталоге Web-сервера, \u003Cbr\u003Eуказать его URL в тексте разрабатываемой страницы в специальном теге \u003Capplet\u003E. \u003Cbr\u003E\u003Cp\u003EБраузер клиента по завершению загрузки страницы с апплетом запускает свою виртуальную машину, которая начинает выполнение апплета. \u003Cbr\u003E\u003Cp\u003EАпплет не имеет возможности доступа к локальным ресурсам клиентского компьютера. \u003Cbr\u003E","\u003Cp\u003EТроицкий Д.И. Интернет-технологии\u003Cbr\u003E\u003Cp\u003EВсе операции, которые можно исполнять в программе на JavaScript, описывают действия над объектами, которыми являются элементы рабочей области браузера (окно, документ, статусная строка…) и контейнеры языка HTML. \u003Cbr\u003E\u003Cp\u003EИМЕЕТСЯ: \u003Cbr\u003Eобъекты с набором свойств и методов, \u003Cbr\u003Eобычные функции, больше похожие на процедуры из традиционных языков программирования,\u003Cbr\u003Eсобытия. \u003Cbr\u003E\u003Cp\u003EНЕТ: \u003Cbr\u003Eсоздаваемых программистом классов объектов, \u003Cbr\u003Eнаследования в JavaScript. \u003Cbr\u003E","\u003Cp\u003EТроицкий Д.И. Интернет-технологии\u003Cbr\u003E\u003Cp\u003ECкрипт включается в HTML-документ с помощью тега \u003Cscript\u003E: \u003Cbr\u003E\u003Cp\u003E\u003Cscript\u003E\u003Cbr\u003E\u003Cscript language = “JavaScript”\u003E\u003Cbr\u003E\u003C! - - \u003Cbr\u003EТЕЛО СКРИПТА\u003Cbr\u003E\u002F\u002F - - \u003E\u003Cbr\u003E\u003C\u002Fscript\u003E \u003Cbr\u003E\u003Cp\u003EJavaScript-код может вставляться в элемент \u003CBODY\u003E. \u003Cbr\u003E\u003Cp\u003EИсполняется такой сценарий сразу после загрузки web-документа, например:\u003Cbr\u003E\u003Cscript type=\"text\u002Fjavascript\"\u003E \u003Cbr\u003E{document.write(\"Эту строку вывел сценарий\")}\u003Cbr\u003E\u003C\u002Fscript\u003E \u003Cbr\u003E","\u003Cp\u003EТроицкий Д.И. Интернет-технологии\u003Cbr\u003E\u003Cp\u003EJavaScript-код можно вставлять в элемент \u003CHEAD\u003E. \u003Cbr\u003E\u003Cp\u003EТакой сценарий запускается в ответ на какое-либо событие, генерируемое системой или пользователем. \u003Cbr\u003E\u003Cp\u003EНапример:\u003Cbr\u003E\u003CHTML\u003E\u003Cbr\u003E\u003CHEAD\u003E\u003Cbr\u003E\u003CTITLE\u003E Сценарий JavaScript \u003C\u002FTITLE\u003E\u003Cbr\u003E\u003Cscript type=\"text\u002Fjavascript\"\u003E\u003Cbr\u003Efunction wrt() \r\n{document.write(\"Эту строку вывел сценарий\")}\u003Cbr\u003E\u003C\u002Fscript\u003E\u003Cbr\u003E\u003C\u002FHEAD\u003E\u003Cbr\u003E\u003CBODY\u003E\u003Cbr\u003E\u003CINPUT type=\"button\" value=\"Вывести строку\" onClick=\"wrt()\"\u002F\u003E\u003Cbr\u003E\u003C\u002FBODY\u003E\u003Cbr\u003E\u003C\u002FHTML\u003E\u003Cbr\u003E","\u003Cp\u003EТроицкий Д.И. Интернет-технологии\u003Cbr\u003E\u003Cp\u003E \u003Cbr\u003E\u003Cp\u003EВнешний сценарий также может запускаться и сразу после загрузки web-документа, или по какому-либо событию. \u003Cbr\u003E\u003Cp\u003E \u003Cbr\u003E\u003Cp\u003EJavaScript-код можно поместить в отдельном файле с расширением .js. Далее в разделе \u003CHEAD\u003E следует указать адрес этого файла следующим образом:\u003Cbr\u003E\u003Cscript type='text\u002Fjavascript' src='wrt_str.js'\u003E \r\n\u003C\u002Fscript\u003E\u003Cbr\u003E\u003Cp\u003EСценарий можно разместить и непосредственно в обработчике события, например:\u003Cbr\u003E\u003CINPUT type=\"botton\" value=\"Вывести строку\" \u003Cbr\u003EonClick=\"document.write(\"Эту строку вывел сценарий\")\"\u002F\u003E\u003Cbr\u003E","\u003Cp\u003EТроицкий Д.И. Интернет-технологии\u003Cbr\u003E\u003Cp\u003EТипы данных в JavaScript \u003Cbr\u003E","\u003Cp\u003EТроицкий Д.И. Интернет-технологии\u003Cbr\u003E\u003Cp\u003EПеременные в JavaScript, как и в Pascal, задаются с помощью ключевого слова var:\u003Cbr\u003Evar a = 27; \u003Cbr\u003E\u003Cp\u003EJavaScript является языком со свободной типизацией. \u003Cbr\u003E\u003Cp\u003EОдной и той же переменной можно присваивать различные типы данных:\u003Cbr\u003Evar a = 27;\u003Cbr\u003Ea = 15.5;\u003Cbr\u003Ea = \"String 1\"; \u003Cbr\u003E\u003Cp\u003EВ Java предусмотрены два способа включения комментариев:\u003Cbr\u003E\u002F\u002F Это однострочный комментарий\u003Cbr\u003E\u002F*а это много - \u003Cbr\u003Eстрочный комментарий*\u002F \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\u003EДля конкатенации (объединения) строк используется оператор +:\u003Cbr\u003Evar a = \"a\" + \"b\" + \"c\";\u003Cbr\u003EПеременная a будет содержать строку \"abc\". \u003Cbr\u003E","\u003Cp\u003EТроицкий Д.И. Интернет-технологии\u003Cbr\u003E\u003Cp\u003EФункция (function) - это группа операторов, предназначенных для определенной цели и объединенных под общим именем. \u003Cbr\u003E\u003Cp\u003EФункция имеет следующий общий вид:\u003Cbr\u003Efunction имяфункции([аргументы])\u003Cbr\u003E{\u003Cbr\u003Eоператоры; \u003Cbr\u003E} \u003Cbr\u003E\u003Cp\u003EФункции и события \u003Cbr\u003E\u003Cp\u003EФункции автоматически запускаться на выполнение не могут. \u003Cbr\u003E","\u003Cp\u003EТроицкий Д.И. Интернет-технологии\u003Cbr\u003E\u003Cp\u003EУказание имени функции непосредственно в блоке SCRIPT:\u003Cbr\u003E\u003Cscript language=\"JavaScript\"\u003E \u003Cbr\u003E\u002F\u002F вызов функции\u003Cbr\u003EyourMessage();\u003Cbr\u003E\u002F\u002F описание функции\u003Cbr\u003Efunction yourMessage()\u003Cbr\u003E{\u003Cbr\u003Ealert(\"Наша первая функция\");\u003Cbr\u003E}\u003Cbr\u003E\u003C\u002Fscript\u003E\u003Cbr\u003E\u003Cp\u003EФункции в языке JavaScript могут вызываться несколькими способами.\u003Cbr\u003E\u003Cp\u003EОдну функцию можно вызывать из другой, но для \"запуска\" вcего процесса обычно применяются события. \u003Cbr\u003E","\u003Cp\u003EТроицкий Д.И. Интернет-технологии\u003Cbr\u003E\u003Cp\u003EСамые нужные события:\u003Cbr\u003E\u003Cp\u003EСобытие onLoad. Это событие происходит после загрузки страницы в окне браузера. Оно считается состоявшимся только после полного завершения загрузки всей страницы, включая изображения. Событие, происходящее при выгрузке страницы (переходе на другую страницу или закрытии окна браузера), называется onUnload. \u003Cbr\u003E\u003Cp\u003EСобытие onClick. Это событие происходит после щелчка мышью в определенном месте страницы. Множество элементов страницы (гиперссылки, изображения, кнопки и пр.) могут реагировать на событие onClick. \u003Cbr\u003E\u003Cp\u003EСобытие onMouseover. Это событие происходит после наведения курсора мыши на определенный элемент страницы. Событие onMouseover можно связать практически с любым объектом Web-страницы (текстом, изображением, кнопками, гиперссылками и т.д.). \u003Cbr\u003E\u003Cp\u003EСобытие onMouseout. Это событие происходит в тех случаях, когда курсор мыши отводится от объекта. \u003Cbr\u003E","\u003Cp\u003EТроицкий Д.И. Интернет-технологии\u003Cbr\u003E\u003Cp\u003EПример функции, выводящей текущее время:\u003Cbr\u003Efunction announceTime()\u003Cbr\u003E{\u003Cbr\u003E\t\u002F\u002Fget the date, the hour, minutes, and seconds\u003Cbr\u003E\tvar the_date = new Date();\u003Cbr\u003E\tvar the_hour = the_date.getHours();\u003Cbr\u003E\tvar the_minute = the_date.getMinutes();\u003Cbr\u003E var the_second = the_date.getSeconds();\u003Cbr\u003E\tvar the_time = the_hour + \":\" + the_minute + \r\n \":\" + the_second;\u003Cbr\u003E\talert(\"Время: \" +the_time);\u003Cbr\u003E}\u003Cbr\u003E\u003Cp\u003EСвяжем вызов данной функции с событием onMouseOver абзаца (тег \u003Cp\u003E):\u003Cbr\u003E\u003Cp onMouseover=\"announceTime();\"\u003EКоторый час?\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003EТеперь достаточно подвести курсор к фразе \"Который час?\" – и выскочит окошко с текущим временем. \u003Cbr\u003E","\u003Cp\u003EТроицкий Д.И. Интернет-технологии\u003Cbr\u003E\u003Cp\u003EОбъекты и массивы (всегда динамические) создаются с помощью оператора new. Нумерация элементов массива начинается с нуля. \u003Cbr\u003E\u003Cp\u003EВ JavaScript допускается возможность хранить различные типы данных в одном массиве:\u003Cbr\u003Evar a = new Array();\u003Cbr\u003Ea[0] = 8;\u003Cbr\u003Ea[1] = 4.9;\u003Cbr\u003Ea[2] = \"String 1\"; \u003Cbr\u003E\u003Cp\u003EМассивы в JavaScript \u003Cbr\u003E\u003Cp\u003EС помощью JavaScript можно так же имитировать и многомерные массивы:\u003Cbr\u003Evar a = new Array();\u003Cbr\u003Ea[0] = new Array();\u003Cbr\u003Ea[0][0] = \"1,1\";\u003Cbr\u003Ea[0][1] = \"1,2\";\u003Cbr\u003Ea[1] = new Array();\u003Cbr\u003Ea[1][0] = \"2,1\";\u003Cbr\u003Ea[1][1] = \"2,2\";\u003Cbr\u003E","\u003Cp\u003EТроицкий Д.И. Интернет-технологии\u003Cbr\u003E\u003Cp\u003EДля работы с массивами в JavaScript применяются методы: \u003Cbr\u003E\u003Cp\u003EМетод join(). Метод join() позволяет объединить элементы массива в одну строку. Он является обратным методу split(), который применяется к объектам типа \"текстовая строка\". \u003Cbr\u003E\u003Cp\u003EНапример: \u003Cbr\u003Eb = \"http:\u002F\u002Fintuit.ru\u002Fhelp\u002Findex.html\";\u003Cbr\u003Eb = split('\u002F'); \u003Cbr\u003EПолучили массив b: \u003Cbr\u003Eb[0]=http:\u003Cbr\u003Eb[1]=\u003Cbr\u003Eb[2]=intuit.ru\u003Cbr\u003Eb[3]=help\u003Cbr\u003Eb[4]=index.html \u003Cbr\u003EОбъединили элементы массива b обратно в строку: \u003Cbr\u003El=b.join(\"\u002F\"); \u003Cbr\u003EПолучили в результате: \u003Cbr\u003Ehttp:\u002F\u002Fintuit.ru\u002Fhelp\u002Findex.html \u003Cbr\u003E","\u003Cp\u003EТроицкий Д.И. Интернет-технологии\u003Cbr\u003E\u003Cp\u003EМетод reverse(). Метод reverse() применяется для изменения на противоположный порядка элементов массива внутри массива. \u003Cbr\u003E\u003Cp\u003EМетод sort(). Метод sort() позволяет отсортировать элементы массива в соответствии с некоторой функцией сортировки, чье имя используется в качестве аргумента метода. \u003Cbr\u003E\u003Cp\u003EПример: \u003Cbr\u003EПредположим, массив натуральных чисел упорядочен по возрастанию: \u003Cbr\u003Ea = new Array(1,2,3,4,5); \u003Cbr\u003EУпорядочим его по убыванию: a.reverse();\u003Cbr\u003EРезультат: a[0]=5 a[1]=4 a[2]=3 a[3]=2 a[4]=1 \u003Cbr\u003E\u003Cp\u003EНапример:\u003Cbr\u003Ea = new Array(1,6,9,9,3,5);\u003Cbr\u003Efunction g(a,b)\u003Cbr\u003E{\u003Cbr\u003Eif(a \u003E b) return 1;\u003Cbr\u003Eif(a \u003C b) return -1;\u003Cbr\u003Eif(a==b) return 0;\u003Cbr\u003E}\u003Cbr\u003Eb = a.sort(g); \u003Cbr\u003EВ результате выполнения этого кода получим массив следующего вида: \u003Cbr\u003Eb[0]=1 b[1]=3 b[2]=5 b[3]=6 b[4]=9 b[5]=9 \u003Cbr\u003E","\u003Cp\u003EТроицкий Д.И. Интернет-технологии\u003Cbr\u003E\u003Cp\u003EВвод данных можно осуществить с помощью функции prompt, а вывод - с помощью функции alert. \u003Cbr\u003E\u003Cp\u003EПервый аргумент функции prompt является строкой, которая будет использована в качестве приглашения пользователю, а второй – значением по умолчанию. Если не предполагается использовать значение по умолчанию, то необходимо задать пустую строку \"\". \u003Cbr\u003E\u003Cp\u003EТак как функция prompt возвращает строку, для того, чтобы преобразовать ее в число, используются функции parseFloat и parseInt, преобразующие текст в переменную вещественного и целого типа соответственно. \u003Cbr\u003E\u003Cp\u003EНапример:\u003Cbr\u003E\u003Chtml\u003E\u003Cbr\u003E\u003Chead\u003E\u003Cbr\u003E\u003Ctitle\u003EScript\u003C\u002Ftitle\u003E\u003Cbr\u003E\u003C\u002Fhead\u003E\u003Cbr\u003E\u003Cbody\u003E\u003Cbr\u003E\u003Ch1\u003EScript\u003C\u002Fh1\u003E\u003Cbr\u003E\u003Cscript language = \"JavaScript\"\u003E\u003Cbr\u003E\u003C!--\u003Cbr\u003Evar a = prompt(\"Input A: \", 10);\u003Cbr\u003Evar b = prompt(\"Input B: \", \"\");\u003Cbr\u003Ea = parseFloat(a);\u003Cbr\u003Eb = parseFloat(b);\u003Cbr\u003Evar c = a + b;\u003Cbr\u003Ealert(c);\u003Cbr\u003E\u002F\u002F--\u003E\u003Cbr\u003E\u003C\u002Fscript\u003E\u003Cbr\u003E\u003C\u002Fbody\u003E\u003Cbr\u003E\u003C\u002Fhtml\u003E \u003Cbr\u003E"],href:"\u002Fprezentacii-na-razlichnye-temy\u002Fyazyk-javascript",href_category:"\u002Fprezentacii-na-razlichnye-temy",date:1613281176,related:[{id:471171,name:"Составление программ практик для бакалавров, направленных на формирование компетенций, предусмотренных ФГОС, и приобретение рабо",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fsostavlenie-programm-praktik-dlya-bakalavrov--napravlennyx-na-formirovanie-kompetencij--predusmotrennyx-fgos--i-priobretenie-rabo",jpg:"jpg\u002F471171"},{id:406490,name:"«Школа Касперского»,ресурсы и возможности.",href:"\u002Fprezentacii-na-razlichnye-temy\u002F-shkola-kasperskogo-resursy-i-vozmoghnosti-",jpg:"jpg\u002F406490"},{id:318709,name:"Краткая характеристика героев романа «Тихий Дон»",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fkratkaya-xarakteristika-geroev-romana-tixij-don",jpg:"jpg\u002F318709"},{id:441562,name:"«ЗОЛОТОЙ ВЕНЕЦ»",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fzolotoj-venec",jpg:"jpg\u002F441562"},{id:939997,name:"Культура и наука в конце XX - начале XXI века",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fkultura-i-nauka-v-kontse-xx",jpg:"jpg\u002F939997"},{id:449325,name:"Автоматизированная информационная система по обработке и мониторингу грузовых таможенных деклараций",href:"\u002Fprezentacii-na-razlichnye-temy\u002Favtomatizirovannaya-informacionnaya-sistema-po-obrabotke-i-monitoringu-gruzovyx-tamozhennyx-deklaracij",jpg:"jpg\u002F449325"},{id:878499,name:"Контроль сборки и сварки",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fkontrol-sborki-i-svarki",jpg:"jpg\u002F878499"},{id:403635,name:"KLER",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fkler",jpg:"jpg\u002F403635"},{id:474101,name:"Путешествие на поезде «Здоровье» - презентация для начальной школы",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fputeshestvie-na-poezde-zdorove--prezentaciya-dlya-nachalnoj-shkoly",jpg:"jpg\u002F474101"},{id:1029368,name:"Нагорная проповедь",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fnagornaya-propoved-1",jpg:"jpg\u002F1029368"},{id:860059,name:"Права ребенка",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fprava-rebenka-33",jpg:"jpg\u002F860059"},{id:859014,name:"Аппаратное обеспечение ЭВМ. Процессор",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fapparatnoe-obespechenie-evm-protsessor",jpg:"jpg\u002F859014"},{id:362971,name:"Японская экономическая модель: содержание и направления развития",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fyaponskaya-ekonomicheskaya-model-soderzhanie-i-napravleniya-razvitiya",jpg:"jpg\u002F362971"},{id:273917,name:"Презентация на тему Профилактика наркомании",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fprezentaciya-na-temu-profilaktika-narkomanii",jpg:"jpg\u002F273917"},{id:458490,name:"Международные стажировки и профессиональные тренинги в Израиле",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fmezhdunarodnye-stazhirovki-i-professionalnye-treningi-v-izraile",jpg:"jpg\u002F458490"},{id:398701,name:"Управление уроком как показатель творческой самореализации учителя",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fupravlenie-urokom-kak-pokazatel-tvorcheskoj-samorealizacii-uchitelya",jpg:"jpg\u002F398701"},{id:327361,name:"Классификация светофоров",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fklassifikaciya-svetoforov",jpg:"jpg\u002F327361"},{id:317749,name:"Творчество Владислава Крапивина",href:"\u002Fprezentacii-na-razlichnye-temy\u002Ftvorchestvo-vladislava-krapivina",jpg:"jpg\u002F317749"},{id:864480,name:"Производственные запасы. Учет поступления, амортизации и выбытия основных средств",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fproizvodstvennye-zapasy-uchet-postupleniya-amortizatsii-i",jpg:"jpg\u002F864480"},{id:345401,name:"Общественные движения 1-й четверти XIX века",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fobshhestvennye-dvizheniya-1j-chetverti-xix-veka",jpg:"jpg\u002F345401"},{id:312077,name:"Измерение информационного объема сообщения",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fizmerenie-informacionnogo-obema-soobshheniya",jpg:"jpg\u002F312077"},{id:355085,name:"Восстановленное молоко: получение, питание, лечение",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fvosstanovlennoe-moloko-poluchenie--pitanie--lechenie",jpg:"jpg\u002F355085"},{id:402462,name:"ДЕТИ НЕШПИОНОВ: КАК ЗАЩИТИТЬ КОМПЬЮТЕРНЫЙ КЛАСС?Баричев Сергей Геннадьевич, к.т.н. преподаватель информатики СОШ №593 (г. Москва)",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fdeti-neshpionov-kak-zaschitity-kompyyuternyy-klass-barichev-sergey-gennadyevich-k-t-n-prepodavately-informatiki-sosh-593-g-moskva-",jpg:"jpg\u002F402462"},{id:360968,name:"Расчет массы и объема тела по его плотности",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fraschet-massy-i-obema-tela-po-ego-plotnosti",jpg:"jpg\u002F360968"},{id:890078,name:"Множество действительных чисел",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fmnozhestvo-deystvitelnyh-chisel-3",jpg:"jpg\u002F890078"},{id:878600,name:"История знака СПБГПМУ",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fistoriya-znaka-spbgpmu",jpg:"jpg\u002F878600"},{id:1063054,name:"Гражданское общество и государство",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fgrazhdanskoe-obshchestvo-i-gosudarstvo-28",jpg:"jpg\u002F1063054"},{id:1065344,name:"Национальная система квалификаций России",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fnatsionalnaya-sistema-kvalifikatsiy-rossii-1",jpg:"jpg\u002F1065344"}],navigation:{next:"\u002Fprezentacii-na-razlichnye-temy\u002Fpredloghenie-po-letnemu-korporativnomu-otdyhu-na-stadione-trud-pos-staraya-kupavna-",next_name:"Предложение по летнему корпоративному отдыху на стадионе «Труд» (пос. «Старая Купавна»)",prev:"\u002Fprezentacii-na-razlichnye-temy\u002F-1512",prev_name:"В проектной документации зачастую необходимо отобразить внешний вид окна, или набора окон, структура данных, таблицы, словари еще "}}}},state:{},_errors:{},serverRendered:e,config:{public:{SITE_NAME:N,SITE_HOST:"slaidy.com",SITE_LANG:O,API_BASE_URL:"https:\u002F\u002Fslaidy.com\u002Fapi\u002F",pwaManifest:{name:N,short_name:b,description:b,lang:O,start_url:"\u002F?standalone=true",display:"standalone",background_color:k,theme_color:j,icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.d7f48e96.png",type:d,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.d7f48e96.png",type:d,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.d7f48e96.png",type:d,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.d7f48e96.png",type:d,sizes:Q,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.d7f48e96.png",type:d,sizes:R,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.d7f48e96.png",type:d,sizes:R,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.d7f48e96.png",type:d,sizes:S,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.d7f48e96.png",type:d,sizes:S,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.d7f48e96.png",type:d,sizes:T,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.d7f48e96.png",type:d,sizes:T,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.d7f48e96.png",type:d,sizes:U,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.d7f48e96.png",type:d,sizes:U,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.d7f48e96.png",type:d,sizes:V,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.d7f48e96.png",type:d,sizes:V,purpose:g}]},yandexMetrika:{id:"79446466",metrikaUrl:"https:\u002F\u002Fmc.yandex.ru\u002Fmetrika\u002Ftag.js",accurateTrackBounce:e,childIframe:c,clickmap:c,defer:c,useRuntimeConfig:e,trackHash:c,trackLinks:e,type:a,webvisor:c,triggerEvent:c,consoleLog:e,partytown:c,isDev:c}},app:{baseURL:"\u002F",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:b}},pinia:{app:{meta:{h1:l,main_text:b,main_title:m,main_description:n,main_keywords:o,main_image:b},app:{logo_image:p,logo_image_width:i,logo_image_height:q,logo_text:r,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:e,banner_1:b,banner_2:b,banner_3:b,banner_4:b,banner_5:b,banner_6:b,banner_7:b,banner_8:b,banner_9:b,banner_10:w,email:x,footer_before:y,footer:z,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:A,item_images:B,item_images_tag:C,item_words_h3:c,item_words_tag:D,item_words_1:h,routing:E,item_slide_skipping:F,item_download_timeout:G,item_slider_width:a,item_show_pdf:c,item_show_contents:c,item_show_filename:e},colors:{header_text:j,header_bg:k,accent:H}},social:I,token:b}}}}(0,"",false,"image\u002Fpng",true,"any","maskable",12,28,"#000000","#ffffff","Презентации, проекты, доклады в PowerPoint на любую тему","Презентации и проекты в PowerPoint","Презентации на различные темы для детей, школьников, родителей, студентов, учителей и преподавателей.","Презентация, презентация на тему, скачать презентацию, урок презентация, 1 2 3 4 5 6 7 8 9 10 11 класс","images\u002Fdata\u002Flogo.jpg",32,"Slaidy.com",720,480,"6LfWmAYrAAAAAFyidHOK1ZHtYSECWR5CvAmygt5c","3190226","\u003C!-- Yandex.RTB R-A-1990700-7 --\u003E\r\n\u003Cscript\u003E\r\nwindow.yaContextCb.push(() =\u003E {\r\n Ya.Context.AdvManager.render({\r\n \"blockId\": \"R-A-1990700-7\",\r\n \"type\": \"fullscreen\",\r\n \"platform\": \"touch\"\r\n })\r\n})\r\n\u003C\u002Fscript\u003E","[e-mail]","\u003C!--LiveInternet counter--\u003E\u003Ca href=\"https:\u002F\u002Fwww.liveinternet.ru\u002Fclick\"\r\ntarget=\"_blank\"\u003E\u003Cimg id=\"licnt7D89\" width=\"88\" height=\"31\" style=\"border:0\" \r\ntitle=\"LiveInternet: показано число просмотров за 24 часа, посетителей за 24 часа и за сегодня\"\r\nsrc=\"data:image\u002Fgif;base64,R0lGODlhAQABAIAAAAAAAP\u002F\u002F\u002FyH5BAEAAAEALAAAAAABAAEAAAIBTAA7\"\r\nalt=\"LiveInternet\"\u002F\u003E\u003C\u002Fa\u003E\u003Cscript\u003E(function(d,s){d.getElementById(\"licnt7D89\").src=\r\n\"https:\u002F\u002Fcounter.yadro.ru\u002Fhit?t12.1;r\"+escape(d.referrer)+\r\n((typeof(s)==\"undefined\")?\"\":\";s\"+s.width+\"*\"+s.height+\"*\"+\r\n(s.colorDepth?s.colorDepth:s.pixelDepth))+\";u\"+escape(d.URL)+\r\n\";h\"+escape(d.title.substring(0,150))+\";\"+Math.random()})\r\n(document,screen)\u003C\u002Fscript\u003E\u003C!--\u002FLiveInternet--\u003E","\u003Ca href=\"\u002Fpage\u002Fpravoobladateliam\"\u003EДля правообладателей\u003C\u002Fa\u003E","h3a","images_before","none","h3","category","both",77,"#ff0d00","\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,20,"Разное","ЯЗЫК JAVASCRIPT ","Slaidy","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512"))

Троицкий Д.И. Интернет-технологии
Все операции, которые можно исполнять в программе на JavaScript, описывают действия над объектами, которыми являются элементы рабочей области браузера (окно, документ, статусная строка…) и контейнеры языка HTML.
ИМЕЕТСЯ:
объекты с набором свойств и методов,
обычные функции, больше похожие на процедуры из традиционных языков программирования,
события.
НЕТ:
создаваемых программистом классов объектов,
наследования в JavaScript.

Троицкий Д.И. Интернет-технологии
Cкрипт включается в HTML-документ с помощью тега
: <br><p><script><br><script language</div></h3></h3><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt="Троицкий Д.И. Интернет-технологии Cкрипт включается в HTML-документ с помощью тега : ТЕЛО" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/409556/slide-4.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/409556/slide-4.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/409556/slide-4.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/409556/slide-4.jpg 1440w" class="slides-image" src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/409556/slide-4.jpg"><!----><div class="slides-content">= “JavaScript”><br><! - - <br>ТЕЛО СКРИПТА<br>// - - ><br>
JavaScript-код может вставляться в элемент .
Исполняется такой сценарий сразу после загрузки web-документа, например:
<br>{document.write("Эту строку вывел сценарий")}<br>

Троицкий Д.И. Интернет-технологии
JavaScript-код можно вставлять в элемент .
Такой сценарий запускается в ответ на какое-либо событие, генерируемое системой или пользователем.
Например:
Сценарий JavaScript
<br>function wrt()
{document.write("Эту строку вывел сценарий")}<br>

Троицкий Д.И. Интернет-технологии
Внешний сценарий также может запускаться и сразу после загрузки web-документа, или по какому-либо событию.
JavaScript-код можно поместить в отдельном файле с расширением .js. Далее в разделе следует указать адрес этого файла следующим образом:
Сценарий можно разместить и непосредственно в обработчике события, например:
onClick="document.write("Эту строку вывел сценарий")"/>

Троицкий Д.И. Интернет-технологии
Типы данных в JavaScript

Троицкий Д.И. Интернет-технологии
Переменные в JavaScript, как и в Pascal, задаются с помощью ключевого слова var:
var a = 27;
JavaScript является языком со свободной типизацией.
Одной и той же переменной можно присваивать различные типы данных:
var a = 27;
a = 15.5;
a = "String 1";
В Java предусмотрены два способа включения комментариев:
// Это однострочный комментарий
/*а это много -
строчный комментарий*/

Троицкий Д.И. Интернет-технологии
Арифметические действия
Часть операций (++, --) являются унарными. К ним относятся префиксное и постфиксное возрастание ++; префиксное и постфиксное уменьшение --, унарный плюс; унарный минус.

Троицкий Д.И. Интернет-технологии
Оператор присваивания

Троицкий Д.И. Интернет-технологии
Логические операции
Для конкатенации (объединения) строк используется оператор +:
var a = "a" + "b" + "c";
Переменная a будет содержать строку "abc".

Троицкий Д.И. Интернет-технологии
Функция (function) - это группа операторов, предназначенных для определенной цели и объединенных под общим именем.
Функция имеет следующий общий вид:
function имяфункции([аргументы])
{
операторы;
}
Функции и события
Функции автоматически запускаться на выполнение не могут.

Троицкий Д.И. Интернет-технологии
Указание имени функции непосредственно в блоке SCRIPT:
<br>// вызов</div></h3></h3><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt="Троицкий Д.И. Интернет-технологии Указание имени функции непосредственно в блоке SCRIPT: // вызов" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/409556/slide-13.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/409556/slide-13.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/409556/slide-13.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/409556/slide-13.jpg 1440w" class="slides-image" src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/409556/slide-13.jpg"><!----><div class="slides-content">функции<br>yourMessage();<br>// описание функции<br>function yourMessage()<br>{<br>alert("Наша первая функция");<br>}<br>
Функции в языке JavaScript могут вызываться несколькими способами.
Одну функцию можно вызывать из другой, но для "запуска" вcего процесса обычно применяются события.

Троицкий Д.И. Интернет-технологии
Самые нужные события:
Событие onLoad. Это событие происходит после загрузки страницы в окне браузера. Оно считается состоявшимся только после полного завершения загрузки всей страницы, включая изображения. Событие, происходящее при выгрузке страницы (переходе на другую страницу или закрытии окна браузера), называется onUnload.
Событие onClick. Это событие происходит после щелчка мышью в определенном месте страницы. Множество элементов страницы (гиперссылки, изображения, кнопки и пр.) могут реагировать на событие onClick.
Событие onMouseover. Это событие происходит после наведения курсора мыши на определенный элемент страницы. Событие onMouseover можно связать практически с любым объектом Web-страницы (текстом, изображением, кнопками, гиперссылками и т.д.).
Событие onMouseout. Это событие происходит в тех случаях, когда курсор мыши отводится от объекта.

Троицкий Д.И. Интернет-технологии
Пример функции, выводящей текущее время:
function announceTime()
{
//get the date, the hour, minutes, and seconds
var the_date = new Date();
var the_hour = the_date.getHours();
var the_minute = the_date.getMinutes();
var the_second = the_date.getSeconds();
var the_time = the_hour + ":" + the_minute + ":" + the_second;
alert("Время: " +the_time);
}
Свяжем вызов данной функции с событием onMouseOver абзаца (тег
):
Который час?
Теперь достаточно подвести курсор к фразе "Который час?" – и выскочит окошко с текущим временем.

Троицкий Д.И. Интернет-технологии
Объекты и массивы (всегда динамические) создаются с помощью оператора new. Нумерация элементов массива начинается с нуля.
В JavaScript допускается возможность хранить различные типы данных в одном массиве:
var a = new Array();
a[0] = 8;
a[1] = 4.9;
a[2] = "String 1";
Массивы в JavaScript
С помощью JavaScript можно так же имитировать и многомерные массивы:
var a = new Array();
a[0] = new Array();
a[0][0] = "1,1";
a[0][1] = "1,2";
a[1] = new Array();
a[1][0] = "2,1";
a[1][1] = "2,2";

Троицкий Д.И. Интернет-технологии
Для работы с массивами в JavaScript применяются методы:
Метод join(). Метод join() позволяет объединить элементы массива в одну строку. Он является обратным методу split(), который применяется к объектам типа "текстовая строка".
Например:
b = "http://intuit.ru/help/index.html";
b = split('/');
Получили массив b:
b[0]=http:
b[1]=
b[2]=intuit.ru
b[3]=help
b[4]=index.html
Объединили элементы массива b обратно в строку:
l=b.join("/");
Получили в результате:
http://intuit.ru/help/index.html

Троицкий Д.И. Интернет-технологии
Метод reverse(). Метод reverse() применяется для изменения на противоположный порядка элементов массива внутри массива.
Метод sort(). Метод sort() позволяет отсортировать элементы массива в соответствии с некоторой функцией сортировки, чье имя используется в качестве аргумента метода.
Пример:
Предположим, массив натуральных чисел упорядочен по возрастанию:
a = new Array(1,2,3,4,5);
Упорядочим его по убыванию: a.reverse();
Результат: a[0]=5 a[1]=4 a[2]=3 a[3]=2 a[4]=1
Например:
a = new Array(1,6,9,9,3,5);
function g(a,b)
{
if(a > b) return 1;
if(a < b) return -1;
if(a==b) return 0;
}
b = a.sort(g);
В результате выполнения этого кода получим массив следующего вида:
b[0]=1 b[1]=3 b[2]=5 b[3]=6 b[4]=9 b[5]=9