Упражнение элементы массива. Лабораторная работа 11. Внедрение объектов JavaScript в HTML-док. Лабораторная работа 11. Внедрение объектов JavaScript в htmlдокумент

Название	Лабораторная работа 11. Внедрение объектов JavaScript в htmlдокумент
Анкор	Упражнение элементы массива
Дата	06.03.2022
Размер	276.05 Kb.
Формат файла
Имя файла	Лабораторная работа 11. Внедрение объектов JavaScript в HTML-док.pdf
Тип	Лабораторная работа #384766

Лабораторная работа №11. Внедрение объектов
JavaScript в HTML-документ
JavaScript был разработан совместно компаниями Sun Microsystems и Netscape. За синтаксическую основу нового языка был взят язык Java, в свое время разработанный компанией Sun Microsystems. В последнее время популярность JS очень возросла в результате выхода в свет браузеров, поддерживающих данный язык. JS - интерпретатор с элементами объектно-ориентированной модели. Хотя он и лишен возможностей создания собственных классов, но он оперирует стандартными объектами. Так как обработчик находится на компьютере пользователя, JS, будучи интерпретатором, использует методы и свойства объектов обозревателя на пользовательском компьютере. JS имеет возможность написания пользовательских функций, имеет ряд операторов, но работает с объектами, их методами, свойствами и событиями. Также имеется иерархия наследования свойств объектов. Сложность составляет и то, что JS встраивается в html документ и взаимодействует с ним.
Microsoft выпустила похожие версии языка под названием JScript, поэтому под названием "JavaScript" часто понимается любая версия языка, в том числе и Microsoft JScript.
В большинстве случаев при упоминании JavaScript подразумевается так называемый клиентский JavaScript, интерпретатор которого встроен в Web-браузеры. Однако
JavaScript изначально был разработан как универсальный язык программирования для встраивания в любое приложение и обеспечения возможности написания в нем сценариев.
Например, ActionScript, язык сценариев, доступный в Macromedia Flash, также смоделирован в соответствии со стандартом ECMAScript.
Рассмотрим способы использования JavaScript внутри HTML-документа.
Способ первый
На первом этапе мы составим программу JavaScript, которая вставляет слова "Hello, world!" непосредственно в документ HTML. Программы или сценарии JavaScript встраиваются в документ HTML. Взгляните на листинг 1, в которой приведен исходный текст документа с программой, составленной на JavaScript.
Листинг 1.

JavaScript Test

, а раздел тела документа - операторами и

JavaScript Test

Hello, world!

Листинг 2.

JavaScript Test

Прежде всего, обратите внимание на область заголовка документа, выделенную операторами . В этой области расположено определение переменной и функции, оформленное с применением операторов . Кроме того, в теле документа HTML есть еще один раздел сценариев, выделенный аналогичным образом.
Переменная с именем szMsg определяется при помощи оператора var, причем ей сразу же присваивается начальное значение - текстовая строка "Hello, world!".
Язык JavaScript не является типизированным. Это означает, что программист не может указать явным образом тип создаваемых им переменных. Этот тип определяется интерпретатором JavaScript автоматически, когда переменной в первый раз присваивается какое-либо значение. В дальнейшем можно легко изменить тип переменной, просто присвоив ей значение другого типа. Отсутствие строгой типизации упрощает создание сценариев, особенно для непрофессиональных программистов, однако может привести к ошибкам. Поэтому необходимо внимательно следить за тем, какие типы данных применяются. Этому способствует использование префиксов имен, по которым можно судить о типе переменной. Например, текстовые строки можно начинать с префикса sz, а численные значения - с префикса n.
Помимо переменной szHelloMsg, в области заголовка документа HTML с помощью ключевого слова function определена функция с именем printHello. Эта функция вызывается из сценария, расположенного в теле документа и выводит в документ HTML значение переменной szHelloMsg.
Интерпретация документа HTML и встроенных в него сценариев происходит по мере загрузки документа. Поэтому если в сценарии одни функции вызывает другие или используют определенные в документе переменные, то их определения (вызываемых функций и переменных) необходимо разместить выше вызывающих. Размещение определений переменных и функций в разделе заголовка документа гарантирует, что они будут загружены до момента загрузки тела документа.
Язык JavaScript имеет встроенные средства для отображения простейших диалоговых панелей, таких как панель сообщений. В листинге 5 приведен исходный текст сценария
JavaScript, в котором вызывается функция alert, предназначенная для отображения диалоговых панелей с сообщениями.
Листинг 5.

JavaScript Test

onMouseover="alert('Hello, world!');"
>Select me!