15. Основные понятия языка сценариев JavaScript.

Языки сценариев позволяют включать в web-страницы программный код, который задает поведение web страницы в браузере при работе с ними пользователей.

Существуют разные языки сценариев, но наиболее распространенным является язык JavaScript.

JavaScript это интерпретируемый язык программирования, стандартизированный международной организацией ECMA в спецификации ECMA-262.

Языки JavaScript, Jscript и ActionScript являются расширением стандарта ECMA-262.

Терминология:

1. язык сценариев

2. скриптовый язык

3. скрипты браузера

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

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

  • В инструкциях могут использоваться переменные и данные, такие как строки, числа и выражения. Для указания конца инструкции используется символ ‘;’ (точка с запятой).

  • Блоком является набор инструкций JavaScript, заключенных в фигурные скобки { }.

• Синтаксис языка близок к синтаксисам языков C/C++,Java и C#.

• Язык JavaScript не поддерживает строгий контроль типов, поэтому не требуется явно объявлять тип переменных.

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

  • Например, при сложении строки и числа, число будет преобразовываться в строку.

• Для объявления переменных может использоваться инструкция var.

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

• Разрешается выполнять объявление переменной неявно – без инструкции var.

  • Однако, не разрешается применять необъявленные переменные в выражениях.

• Язык JavaScript является чувствительным к регистру, т.е. в языке различаются большие и прописные символы.

  • Например, имена Name и name считаются различными.

16. Объектная модель документа и ее использование в сценариев JavaScript.

• Объекты это главный тип данных в JavaScript.

• Объекты в JavaScript, являются наборами методов и свойств.

• Переменная любого (отличного от объекта) типа данных, прежде чем к ней можно будет получить доступ, конвертируется в объект, и только после этого над ее значением выполняются действия.

• Тип данных Object также может использоваться для объявления переменных.

• В сценариях JavaScript могут использовать следующие виды объектов:

  • Объекты элементов документа, входящие в модель DOM, т.е. соответствующие содержанию и поведению web-страницы, обрабатываемой браузером. Они создаются браузером при разборе (парсинге) HTML-страницы. Примеры: window, document, location, navigator и т.п.

  • Встроенные объекты, представляющие различные типы данных, свойства, методы, присущие самому языку JavaScript, независимо от содержимого HTML-страницы. Например: Array, String, Date, Number, Function, Boolean, Math.

  • Пользовательские объекты, которые создаются программистом в процессе создания сценария с использованием конструкторов типа объектов (класса).

• Для работы с элементами web-страницы на клиентской стороне используется объектная модель документа (Document Object Model, DOM).

• Объектную модель позволяет связать между собой web-страницу и обрабатывающий ее браузер.

• Смысл DOM модели состоит в том, что для каждого HTML-элемента создается соответствующий ему объект, который обладает своими свойствами, методами и событиями.

• Основным назначением DOM модели является возможность изменения HTML страницы (и ее отображения на экране) в сценариях JavaScript.

• Иерархия объектов web-страницы показана ниже:

• Показанные связи между объектами различных уровней означают, что объект верхнего уровня содержит ссылку на объект нижнего уровня.

• Так, например, между объектами Window и Document есть связь.

• Это означает, что объект Window имеет свойство с именем document, содержащее ссылку на объект типа Document.

• Для обращения к свойству или методу объекта, требуется использовать выражение следующего вида:

  • объект.свойство

  • объект.метод()

• Основным объектом, который необходим для написания простейшего сценария является переменная document, ссылающаяся на объект Document, описывающий HTML документ, отображаемый в окне браузера.

• Для того чтобы хранить произвольное количество ссылок на объекты, расположенные на web-странице, используются массивы.

• Свойства объекта Document, предназначенные для связи с компонентами web-страницы, выглядят следующим образом:

  • links[ ] – массив ссылок на гипертекстовые связи, сформированные в HTML-документе с помощью элементов <а>;

  • images[ ] – массив ссылок на изображения, включенные в состав web-страницы с помощью элемента <img>;

  • forms[ ] – массив ссылок на формы, созданные посредством элементов <form>.