Язык JavaScript.

Является одной из реализаций языка ECMAScript. 

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

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

Основные конструкции JavaScript

Структура сценария. Сценарием считается фрагмент кода, расположенный между дескрипторами <script></script>. Переменные хранятся в любых типах. Объявление: Var selected = ”first item”, либо автоматически. Объекты. Сценарию доступны лишь готовые объекты, либо строятся новые. Объекты содержат свойства и методы. Они идентифицируются именами. Объекты: формы, ссылки, изображения и другие компоненты веб-страницы. В процессе работы сценарий обращается к этим объектам, получает информацию и управляет ими. Также сценарию доступны не связанные с html документом объекты, - предопределённые или независимые объекты. Управляющие конструкции. Как и в С++, а также for..in и with. Существует также оператор new, который создаёт новые объекты. Переменная = new тип объекта (параметры). Функции: function имя функции ([параметры]) тело функции.

Взаимодействие с элементами HTML-страницы.

DOM (Document Object Model)-это стандарт консорциума W3C для программного доступа к элементам HTML или XML. Это платформ- и языково-нейтральный интерфейс, позволяющий программам и сценариям динамически обращаться и обновлять содержимое, структуру и стиль документа.

DOM определяет объекты и свойства всех элементов документа и методы (интерфейс) для доступа к ним. Иначе говоря, HTML DOM описывает каким образом необходимо получать, изменять, добавлять и удалять HTML элементы.

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

Обработка событий js.

Написанный на JS сценарий может реагировать на действия пользователя и другие внешние события. Каждое из событий связано с тем или иным объектом: формой, гипертекстовой ссылкой или даже с окном, содержащим текущий документ.

В качестве примеров внешних событий, на которые могут реагировать объекты JavaScript, можно привести следующие.

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

Имя обработчика определяет, какое событие он должен обрабатывать. Так, для того чтобы сценарий нужным образом отреагировал на щелчок мышью, используется обработчик с именем onClick, для обработки события, заключающегося в получении фокуса ввода, - обработчик onFocus.

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

имя_обработчика="команды_обработчика"

Это выражение включается в тэг, описывающий объект, с которым связано событие.

Например, если необходимо обработать событие, заключающееся в получении фокуса полем ввода, дескриптор, описывающий этот интерактивный элемент, должен иметь примерно следующий вид:

<input type="text" name="Inform" onFocus="handleFocus();">

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

Объектная иерархия JS. - Узлы дерева HTML документа

Согласно модели DOM:

-Весь документ представляется узлом документа;

-Каждый HTML тэг является узлом элемента;

-Текст внутри HTML элементов представляется текстовыми узлами;

-Каждому HTML атрибуту соответствует узел атрибута;

-Комментарии являются узлами комментариев.

Все узлы HTML документа могут быть доступны посредством дерева, при этом их содержимое может быть изменено или удалено, а также можно добавить новые элементы.

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

В отношении узлов дерева соблюдаются следующие принципы: Самый верхний узел дерева называется корневым; Каждый узел, за исключением корневого, имеет ровно один родительский узел; Узел может иметь любое число дочерних узлов; Конечный узел дерева не имеет дочерних узлов; Потомки имеют общего родителя.

Свойства узлов

В HTML DOM каждый узел является объектом, который может иметь методы (функции) и свойства. Наиболее важными являются следующие свойства:

• nodeName;

• nodeValue;

• nodeType.