Реферат на тему javascript

Обновлено: 07.07.2024

Язык программирования, как и любой другой язык (естественный, например), предназначен для коммуникации, то есть связи между говорящим и слушающим. В программировании говорящим является программист, а слушателем — интерпретатор языка, некоторая компьютерная программа, понимающая этот язык и выполняющая действия в соответствии с тем, что она поняла. Было время, когда считалось, что для облегчения общения с компьютером необходимо создать язык, достаточно близкий к естественному. Эта идея, в конечном счете, не выдержала испытаний временем, хотя и породила несколько прекрасных языков программирования. Часто бывает, что побочные эффекты некоей деятельности превосходят ожидания.

Целью работы является разработка HTML приложений с применением языка JavaScript.

Определили задачи исследования:

1. Проанализировать литературу по теме исследования и смежным темам

2. Рассмотреть основные теоретические понятия JavaScript

3. Разработать приложение с применением JavaScript

Решение поставленных задач потребовало привлечения следующих методов исследования: анализ, разработка приложения.

Гипертекстовая информационная система состоит из множества информационных узлов, множества гипертекстовых связей, определенных на этих узлах и инструментах манипулирования узлами и связями. Технология World Wide Web - это технология ведения гипертекстовых распределенных систем в Internet , и, следовательно, она должна соответствовать общему определению таких систем. Это означает, что все перечисленные выше компоненты гипертекстовой системы должны быть и в Web.

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

При втором подходе гипертекстовая сеть определяется на множестве элементарных информационных объектов самими HTML-страницами, которые и играют роль гипертекстовых связей. Этот подход более продуктивен с точки зрения построения отображаемых страниц "на лету" из готовых компонентов.

Таким образом, JavaScript - это язык управления сценариями просмотра гипертекстовых страниц Web на стороне клиента. Если быть более точным, то JavaScript - это не только язык программирования на стороне клиента. Liveware, прародитель JavaScript, является средством подстановок на стороне сервера Netscape. Однако наибольшую популярность JavaScript обеспечило программирование на стороне клиента.

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

На практике это выражается в том, что можно, например, изменить цвет фона страницы или интегрированную в документ картинку, открыть новое окно или выдать предупреждение.

Название "JavaScript" является собственностью Netscape. Реализация языка, осуществленная разработчиками Microsoft, официально называется Jscript. Версии JScript совместимы (если быть совсем точным, то не до конца) с соответствующими версиями JavaScript, т.е. JavaScript является подмножеством языка JScript.

JavaScript стандартизован ECMA (EuropeanComputerManufacturersAssociation - Ассоциация европейских производителей компьютеров). Соответствующие стандарты носят названия ECMA-262 и ISO-16262. Этими стандартами определяется язык ECMAScript, который примерно эквивалентен JavaScript 1.1. Отметим, что не все реализации JavaScript на сегодня полностью соответствуют стандарту ECMA. В рамках данного курса мы во всех случаях будем использовать название JavaScript.

1.2 Понятие объектной модели применительно к JavaScript

Для создания механизма управления страницами на клиентской стороне было предложено использовать объектную модель документа. Суть модели в том, что каждый HTML-контейнер - это объект, который характеризуется тройкой:

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

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

Cвойства

Многие HTML-контейнеры имеют атрибуты. Например, контейнер якоря . имеет атрибут HREF , который превращает его в гипертекстовую ссылку:

Если рассматривать контейнер якоря . как объект, то атрибут HREF будет задавать свойство объекта "якорь". Программист может изменить значение атрибута и, следовательно, свойство объекта:

Не у всех атрибутов можно изменять значения. Например, высота и ширина графической картинки определяются по первой загруженной в момент отображения страницы картинке. Все последующие картинки, которые заменяют начальную, масштабируются до нее. Справедливости ради следует заметить, что в Microsoft Internet Explorer размер картинки может меняться.

Для общности картины свойствами в JavaScript наделены объекты, которые не имеют аналогов в HTML-разметке. Например, среда исполнения, называемая объектом Navigator, или окно браузера, которое является вообще самым старшим объектом JavaScript.

Методы

В терминологии JavaScript методы объекта определяют функции изменения его свойств. Например, с объектом "документ" связаны методы open(), write(), close(). Эти методы позволяют сгенерировать или изменить содержание документа. Приведемпростойпример:

Привет!

В URL можно размещать сложные программы и вызовы функций. Следует только помнить, что схема JavaScript работает не во всех браузерах, а только в версиях Netscape Navigator и Internet Explorer, начиная с четвертой.

Таким образом, при программировании гипертекстового перехода интерпретатор получает управление после того, как пользователь "кликнул" по гипертекстовой ссылке.

1.5 Обработчики событий

Такие программы, как обработчики событий (handler ), указываются в атрибутах контейнеров, с которыми эти события связаны. Например, при нажатии на кнопку происходит событие click :

1.6 Подстановки

Подстановка (entity ) встречается на Web-страницах довольно редко. Тем не менее это достаточно мощный инструмент генерации HTML-страницы на стороне браузера. Подстановки используются в качестве значений атрибутов HTML-контейнеров. Например, как значение по умолчанию поля формы, определяющего домашнюю страницу пользователя, будет указан URL текущей страницы:

HTML-комментарии здесь вставлены для защиты от интерпретации данного фрагмента страницы HTML-парсером в старых браузерах (у высокого начальства еще встречаются). В свою очередь, конец HTML-комментария защищен от интерпретации JavaScript-интерпретатором (// в начале строки). Кроме того, в качестве значения атрибута LANGUAGE у тега начала контейнера указано значение "JavaScript". VBScript, который является альтернативой JavaScript - это скорее экзотика, чем общепринятая практика, поэтому данный атрибут можно опустить - значение "JavaScript" принимается по умолчанию.

Часы в строке статуса

В Internet Explorer 4.0 подстановки не поддерживаются, поэтому пользоваться ими следует аккуратно. Прежде чем выдать браузеру страницу с подстановками, нужно проверить тип этого браузера.

В случае подстановки интерпретатор получает управление в момент разбора браузером (компонент парсер) HTML-документа. Как только парсер встречает конструкцию & у атрибута контейнера, он передает управление интерпретатору JavaScript, который, в свою очередь, после исполнения кода это управление возвращает парсеру. Таким образом данная операция аналогична подкачке графики на HTML-страницу.

1.7 Вставка (контейнер SCRIPT - принудительный вызов интерпретатора)

Контейнер SCRIPT - это развитие подстановок до возможности генерации текста документа JavaScript-кодом. В этом смысле применение SCRIPT аналогично Server Side Includes , т.е. генерации страниц документов на стороне сервера. Однако здесь мы забежали чуть вперед. При разборе документа HTML-парсер передает управление интерпретатору после того, как встретит тег начала контейнера SCRIPT. Интерпретатор получает на исполнение весь фрагмент кода внутри контейнера SCRIPT и возвращает управление HTML-парсеру для обработки текста страницы после тега конца контейнера SCRIPT.

Контейнер SCRIPT выполняет две основные функции:

· размещение кода внутри HTML-документа;

· условная генерация HTML-разметки на стороне браузера.

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

Размещение кода внутри HTML-документа

Собственно, особенного разнообразия здесь нет. Код можно разместить либо в заголовке документа, внутри контейнера HEAD, либо внутри BODY. Последний способ и его особенности будут рассмотрены в разделе "Условная генерация HTML-разметки на стороне браузера". Поэтому обратимся к заголовку документа.

Код в заголовке размещается внутри контейнера SCRIPT:

Часы в строке статуса

В этом примере мы декларировали функцию time_scroll() в заголовке документа, а потом вызвали ее как обработчик события load в теге начала контейнера BODY (onLoad=time_scroll()) .

В качестве примера декларации переменной рассмотрим изменение статуса окна-потомка из окна-предка: cоздадим дочернее окно с помощью следующей функции, продекларировав ее, а затем и вызвав:

Change text into child window.

Открывая окно-потомок, мы поместили в переменную id указатель на объект окно id=window.open(). Теперь мы можем использовать ее как идентификатор объекта класса Window . Использование id.focus() в нашем случае обязательно. При нажатии на кнопку "Изменить поле статуса в окне примера" происходит передача фокуса в родительское окно. Оно может иметь размер экрана. При этом изменения будут происходить в окне-потомке, которое будет скрыто родительским окном. Для того чтобы увидеть изменения, надо передать фокус. Переменная id должна быть определена за пределами каких-либо функций, что и сделано. В этом случае онстановится свойством окна. Если мы поместим ее внутри функции открытия дочернего окна, то не сможем к ней обратиться из обработчика события click .

Условная генерация HTML-разметки на стороне браузера

Всегда приятно получать с сервера страницу, подстроенную под возможности нашего браузера или, более того, под пользователя. Существует только две возможности генерации таких страниц: на стороне сервера или непосредственно у клиента. JavaScript-код исполняется на стороне клиента (на самом деле, серверы компании Netscape способны исполнять JavaScript-код и на стороне сервера, только в этом случае он носит название LiveWire-код; не путать с LiveConnect), поэтому рассмотрим только генерацию на стороне клиента.

Для генерации HTML-разметки контейнер SCRIPT размещают в теле документа. Простой пример - встраивание в страницу локального времени:

Поставлена задача разработать приложения с использованием JavaScript. Для этого нам необходимо создать HTMLстраницу, в ней создать форму тестовых заданий (Вопрос – вариант ответа). Выбор варианта ответа будет производиться с помощью компонента RadioBox.

Для учеников 1-11 классов и дошкольников
Бесплатные сертификаты учителям и участникам

ФЕДЕРАЛЬНОЕ ГОСУДАРСТВЕННОЕ БЮДЖЕТНОЕ ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ ВЫСШЕГО ОБРАЗОВАНИЯ «МОРДОВСКИЙ ГОСУДАРСТВЕННЫЙ

Кафедра информатики и вычислительной техники

ОСНОВЫ ПРОГРАММИРОВАНИЯ В JAVA SCRIPT

Автор работы______________________________________ И. С. Филимонова

Направление подготовки 44.03.01 Педагогическое образование

Профиль Математика. Информатика

канд. физ. мат. наук, доцент___________________ Т. В. Кормилицына

Язык JS является алгоритмическим. В нем используются стандартные типы данных. Синтаксис и семантика подобны используемым в таких языках программирования, как Pascal, C++ и др. Также он является процедурным, т.е. позволяет использовать функции, созданные самим пользователем. Язык JS является широко распространенным и исполняется он любым браузером. Можно производить операции с числами различных типов, представлять их в различных системах счисления и др. JS обладает специальным объектом Math. Он предназначен для хранения некоторых математических констант и математических функций.

Многие из математических функций используются для решения задач и различных вычислений. Для решения задач и выполнения расчетов можно использовать среды программирования. Это позволяет экономить время на подсчетах и решении.

Для рассмотрения основных понятий языка JavaScript обратимся к назначению и особенностям данного языка программирования.

Само по себе содержимое web-документов представляет статичное наполнение, позволяющее с помощью браузера либо осуществлять просмотр, либо собирать информацию. Для использования в них активных компонентов, в частности для обработки поступающей информации, применяются команды языка JavaScript. Язык JavaScript является объектно-ориентированным языком.

В данном языке можно выделить ряд особенностей. Приведем некоторые из них:

1. Программы, написанные на языке JavaScript, работают как самостоятельно, так и непосредственно в web-документах;

2. Сама программа, называемая скриптом, или записывается внутри HTML-кода web-документа, или размещается в отдельном файле, который браузер прочитает по специальной команде во время интерпретации HTML-кода web-документа [15].

К основным функции языка JavaScript относятся: реализация диалога, обработка диалоговых форм, изменение внешнего вида страницы после ее вывода на экран [12] .

Рассмотрим основные понятия и структуру языка JavaScript. Язык JavaScript, как и любой другой язык, структурно состоит из трех уровней. К объектам первого уровня относятся буквы, цифры, специальные знаки, знаки арифметических операций.

Во второй уровень входят данные, константы, разделители, имена и описатели переменных, метки, выражения.

Переменная – это именованная область памяти для хранения данных. Любая переменная обладает именем, состоящим из латинских букв и арабских цифр. Регистр букв в имени имеет значение. Типы переменных, в отличие от большинства языков программирования, не объявляются, а определяются по контексту использования и могут меняться при выполнении программы многократно. Если знаком плюс (+) связываются данные разных типов, результат преобразуется в строку. Преобразование типов по контексту производит браузер. Переменные могут принимать значения числовые, строковые и логические. Последний тип имеет две константы, обозначаемые как true и false.

Переменная должна быть описана до ее использования. В качестве описателя применяется ключевое слово var. Желательно описывать переменную сразу же после открытия скрипта, а описания производить над всеми используемыми в скрипте переменными. При этом браузер считает переменные глобальными и видит их из любых мест программы. Описания переменных желательно сопровождать комментариями [19].

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

В третий уровень входят команды, функции, алгоритмические структуры, собственно программы.

Унарные операторы применяются для изменения знака, выполнения операции дополнения, инкремента и декремента:

- Изменение знака на противоположный

! Дополнение. Используется для реверсирования значения логических переменных

++ Увеличение значения переменной. Может применяться как префикс переменной или как ее суффикс

-- Уменьшение значения переменной. Может применяться как префикс переменной или как ее суффикс

Ниже представлены примеры использования унарных операторов:

i=0; // начальное значение переменной i равно 0

i++; // значение i равно 1

--i; // значение i снова равно 0

var j=3; // значение переменной j равно 3

i = -j; // значение переменной i равно -3

var fYes = true; // значение переменной fYes равно true

testFlag(!fYes); // функции testFlag передается значение false

Формат функции: alert(выражение);

Другой часто используемой функцией является функция prompt посредством которой вводятся данные.

Если при решении задачи возникает необходимость выбора одного из двух вариантов ответа, то можно воспользоваться функцией confirm.

Работа функции заключается в выводе на экран записи вопроса и панели с кнопками ОК и Отмена. При фиксации кнопки ОК, функция возвращает значение true, кнопки Отмена – значение false.

1.1 Математические объекты и функции в языке программирования Java Script

Математические и вычислительные возможности JavaScript сосредоточены в объекте Math . Этот объект представляет собой и математические и тригонометрические функции, а так же математические константы.

Рассмотрим математические константы, которые являются свойствами объекта Math:

Math. e – основание натурального логарифма. Примерно равно 2.72.

Math. pi – значение числа "пи". Примерно равно 3.14.

Math.sqrt2 – корень квадратный из 2. Примерно равно 1.41.

Math.ln2 – натуральный логарифм числа 2. Примерно равен 0.69.

Math.ln10 – натуральный логарифм числа 10. Примерно равен 2.3.

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

Функция Math.abs возвращает модуль числа, то есть из отрицательного числа делает положительное. Синтаксис функции:

Например, для того чтобы вывести на экран модуль числа -6 необходимо прописать следующую строку в код программы:

document .write( Math .abs(-6));

Результатом выполнения кода будет выведено число 6.

Функция Math.pow возводит число в заданную степень. Первым параметром передается число, вторым - в какую степень его возвести. Возводить можно не только в положительную, но и в отрицательную степень. Синтаксис: Math .pow( число , степень );

Так для возведения числа 2 в 9 степень необходимо прописать код:

document .write( Math .pow(2, 9));

Результатом выполнения кода будет выведено число 512.

Функция Math.sqrt возвращает квадратный корень числа. Синтаксис: Math .sqrt( положительное число );

Например, для вычисления квадратного корня из числа 16 в коде прописываем следующую строку:

document .write( Math .sqrt(16));

Соответственно, результатом выполнения будет число 4.

Также из функций которые можно использовать в данной среде прогромирования являются тригонометрические функции.

Math .sin – вычисляет синус, угла, заданного в радианах.

Math .cos – вычисляет косинус, угла, заданного в радианах.

Math . t an – вычисляет тангенс, угла, заданного в радианах.

Math .asin – арксинус аргумента. Значение вычисленного угла в радианах.

Math .acos – арккосинус аргумента. Значение вычисленного угла в радианах.

Math .atan – арктангенс аргумента. Значение вычисленного угла в радианах.

Math .atan2 – арктангенс вектора, заданного двумя аргументами x и y .

Также в языке программирования JavaScript можно выделить такую категорию математических функций, которые позволяют выполнять округление и поиск минимального и максимального значений и генерирование случайных чисел в диапазоне от 0 до 1.

Рассмотрим синтаксис данных функций и результат их использования.

Для выполнения округления до ближайшего целого числа по правилам математического округления в JavaScript используется функция Math.round.

Например, нам необходимо округлить число 6,4 и число 6,6. Для этого в коде программы пишутся следующие строки:

document .write( Math .round(6.4));

document .write( Math .round(6.6));

В результате выполнения на выходе получим два числа 6 и 7.

Среда JavaScript позволяет производить округление числа до целых всегда только в большую сторону или всегда только в меньшую сторону. Для округления в большую сторону используется функция Math.ceil, а в меньшую - Math.floor.

Для возвращения минимального и максимального числа из группы чисел, переданных в функцию, используются функции Math.min и Math.max соответственно. По умолчанию эти функции не работают с массивами.

В данном параграфе рассмотрим и проанализируем решение вычислительных задач с помощью описанных ранее математических функций.

Задача 1. Найти значение e , pi , 2 1/2 , ln (2), ln (10), log 2( e ), log 10( e ).

3.2.2. Расположение внутри тега

Спецификация HTML описывает набор атрибутов, используемых для задания обработчиков событий [Спецификация 7] . Пример использования:

Использование кода JavaScript в контексте разметки страницы в рамках ненавязчивого JavaScript расценивается как плохая практика. Аналогом (при условии снабжения ссылки идентификатором alertLink)

приведённого примера может выступать, например, следующий фрагмент JavaScript:

3.2.3. Вынесение в отдельный файл

Есть и третья возможность подключения JavaScript — написать скрипт в отдельном файле, а потом подключить его с помощью конструкции

3.2.4. Атрибуты элемента script

Элемент script, широко используемый для подключения к странице JavaScript, имеет несколько атрибутов.

обязательный [Спецификация 1] атрибут type для указания MIME-типа содержимого.

В запросе комментариев RFC-4329, определяющем [41] MIME-тип, соответствующий JavaScript, указано:

application/javascript ,
application/ecmascript ,

application/javascript
application/ecmascript

Однако, согласно спецификации HTML 4.01 в качестве значения type должно быть [Спецификация 1] указано устаревшее [3] [42] "text/javascript" . Так как JavaScript является языком программирования по умолчанию во всех браузерах, начиная с Netscape 2 [Спецификация 8] , Дуглас Крокфорд придерживается мнения о нецелесообразности использования атрибута type , рекомендуя указывать его в XHTML, так как, хотя он, по мнению Крокфорда, и не нужен, но обязателен, и не указывать в HTML [43] .

необязательный атрибут src , принимающий в качестве значения адрес к файлу со скриптом.
необязательный атрибут charset , используемый вместе с src для указания используемой кодировки внешнего файла.
необязательный атрибут defer , используемый для того, чтобы показать, что скрипт не генерирует никакого содержимого (что означает, в частности, то, что в этом скрипте отсутствует вызов document.write() ).

При этом атрибут language ( language="JavaScript" ), несмотря на его активное использование (в 2008 году этот атрибут был наиболее часто используемым у тега

В настоящее время огромное внимание уделяется web-ресурсам. Практически любая организация, учреждение, предприятие и т.д. имеют свой сайт в интернете. Для придания динамичности web-сайтам необходимо использовать программный доступ к системе приложений. С этой целью целесообразнее всего использовать JavaScript, как встраиваемый язык для доступа к приложениям, для придания динамичности и интерактивности Интернет-ресурсам. О данном языке программирования написано множество книг.

Файлы: 1 файл

реферат 48 тема испр.docx

Кафедра

Реферат по теме

Веб-программирование технологии JavaScript

Аннотация

В данной работе рассмотрены возможности языка JavaScript для веб-технологий, его основные инструменты, примеры применения.

Введение

Поэтому цель данной работы – вкратце рассмотреть возможности языка программирования JavaScript, его особенности, структуру.

1. Язык программирования JavaScript

1.1. Предназначение языка JavaScript.

Любой сайт имеет две стороны: серверную и клиентскую. Серверная часть расположена непосредственно на сервере. Это файлы, которые включают в себя код, создающий (или генерирующий) веб-страницы. То, что мы видим в своем браузере – это клиентская часть, и те языки, которые могут выполняться только на стороне браузера, называются клиентскими1.

Одним из самых распространенных на сегодняшний день и встраиваемый практически во все браузеры является язык программирования JavaScript.

JavaScript был разработан в 1995 году фирмой Netscape.

JavaScript – объектно-ориентированный скриптовый язык программирования. Программа на JavaScript никогда не компилируется, а выполняется при помощи интерпретатора, который встроен в любой веб-браузер.

Прототипное программирование – стиль объектно-ориентированного программирования, при котором отсутствует понятие класса, а повторное использование (наследование) производится путём клонирования существующего экземпляра объекта — прототипа.

Поскольку программа на JavaScrit представляет собой сценарий, то ее не требуется компилировать. Сценарий интерпретируется (браузером) по ходу выполнения.

Помимо собственно программирования JavaScript предоставляет широчайшие возможности для манипуляций с веб-страницей. При помощи него можно получить доступ к свойствам всех элементов HTML-документа и модифицировать их.

1.2. Безопасность языка JavaScript

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

1.3. Возможности языка JavaScript

В браузере JavaScript умеет делать все, что относится к манипуляции со страницей, взаимодействию с посетителем и, в какой-то мере, с сервером:

Удалять существующие HTML-теги, создавать новые, показывать и прятать элементы, менять стили элементов и т.п.

Обрабатывать действия посетителя, реагировать на нажатие пользователя на клавиатуру, клики мыши, перемещение курсора и т.п.

Посылать запросы на сервер и загружать данные без перезагрузки страницы (эта технология называется "AJAX").

1.4. Особенности языка JavaScript

Язык программирования JavaScript обладает з качествами:

1) поддерживается всеми браузерами;

2) имеет простой и понятный инструментарий;

3) полностью взаимодействует с CSS и HTML.

Именно наличие этих трех характеристик сразу делают язык программирования JavaScript уникальным и обеспечивают его широкое распространение.

2. Использование языка JavaScript. Структура программы

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

В теле функции осуществляется проверка на непустое значение в поле username, которое затем выводится внизу страницы путем присвоения его значения свойству innerHTML предварительно созданного элемента

2.1. Включение сценария в HTML-файл

Программы на языке JavaScript можно вставить в любое место HTML при помощи тега SCRIPT.

Читайте также: