Использование языка JavaScript
Основные элементы языка JS
JS - интерпретатор с элементами объектно-ориентированной модели. Хотя он и лишен возможностей создания собственных классов, но он оперирует стандартными объектами. Так как обработчик находится на компьютере пользователя, JS, будучи интерпретатором, использует методы и свойства объектов обозревателя на пользовательском компьютере. JS имеет возможность написания пользовательских функций, имеет ряд операторов, но работает с объектами, их методами, свойствами и событиями. Также имеется иерархия наследования свойств объектов. Скрипты могут находиться в любом месте HTML-документа. Однако теги HTML нельзя помещать внутри JS-программы.
Главная часть JS программы может быть помещена в контейнер <head>... </head>, поскольку он считывается при загрузке HTML - документа одним из первых. Теоретически скрипт можно помещать в любом месте HTML - документа, хотя лучше это делать перед контейнером <body>... </body>, т.е. в заголовке документа. Окончательный выбор за вами.
Синтаксис тега:
<script language="JavaScript"> [текст программы] </script> Следует иметь в виду, что слово "JavaScript" записывается с соблюдением регистра символов.
Синтаксис языка JS похож на язык «Си», более подробную информацию можно получить из дополнительных источников.
Создание переменных
Переменные создаются либо при помощи оператора var, либо при непосредственном присвоении значений с помощью оператора присваивания (=).
Синтаксис:
var variablename [= value | expression];
Оператор var создает новую переменную с именем variablename. Область действия этой переменной будет либо локальной, либо глобальной в зависимости от того, где создана переменная. Фактически при создании переменной оператор var можно опустить, однако в этом случае в правой части оператора присваивания должно быть указанно значение. Переменная, созданная внутри функции будет недоступна за пределами функции, то есть переменная будет локальной.
Объектная модель языка JS
При создании HTML-документов и JavaScript-программ необходимо учитывать структуру объектов. Все объекты можно разделить на три группы:
§ Объекты браузера,
§ Внутренние, или встроенные, объекты языка JavaScript,
§ Объекты, связанные с тегами документа HTML.
document – объект браузера, содержащий свойства, которые относятся к текущему HTML-документу, например имя каждой формы, цвета, используемые для отображения документа, и др. Объект document соответствует всему гипертекстовому документу, вернее, той его части, которая заключена в контейнер <body> . . . </body>. Документы отображаются в окнах браузера, поэтому каждый из них связан с определенным окном. Все HTML-объекты являются свойствами объекта document, поэтому они находятся в самом документе. Например, в языке JS к первой форме документа можно обратиться, используя выражение:
document.forms[0]
Некоторые свойства объекта document
§ alinkColor- соответствует атрибуту alink тега <body>;
§ anchors- массив, который соответствует всем меткам в документе;
§ bgColor- соответствует атрибуту bgColor (цвет фона) тега <body>;
§ cookie- представляет собой фрагмент информации, записанный на локальный диск ("ключик");
§ fgColor- соответствует атрибуту fgColor (цвет текста) тега <body>;
§ forms- массив, содержащий все теги <form> в текущем документе;
§ images- масив изображений, ссылки на которые заданы в текущем документе;
§ lastModified- дата последнего изменения текущего документа;
§ linkColor- соответствует атрибуту linkColor (цвет гиперсвязи по умолчанию);
§ links- масив, содержащий все гипервязи в текущем документе;
§ location- соответствует адресу URL текущего документа;
§ referrer- соответсствует адреу URL документа, из которого пользователь перешел к текущему документу;
§ title- соответствует содержимому контейнера <title> . . . </title>;
Массив elements содержит все элементы HTML-формы - контрольные переключатели (checkbox), селекторные кнопки (radio-button), текстовые объекты (text) и другие, - в том порядке, в котором они определены в форме. Этот массив можно использовать для доступа к элементам формы в JS-программе по их порядковому номеру, не используя свойства name этих элементов. Массив elements, в свою очередь, является свойством объекта forms, поэтому при обращении к нему следует указывать имя формы, к элементу которой вы хотите обратиться:
document.forms[0].elements[i].
Пример использования JS
В примере Рисунок 12 reg.php скрипт расположен в начале HTML документа и предназначен для анализа данных, введенных в форму регистрации Рисунок 11 Форма регистрации.
Рисунок 11 Форма регистрации
При нажатии на кнопку «Зарегистрироваться» вызывается функция JS check(), которая проверяет не остались ли строки не заполненными и соответствуют ли строки предполагаемому синтаксису Рисунок 12 reg.php.
Рисунок 12 reg.php
Рисунок 13 zareg.php
Рисунок 14 list.php
Рисунок 15 mailbox.php
Рисунок 16 new_tovar,php
Рисунок 17 remove.php
Рисунок 18 remove_users.php
Рисунок 19 add.php
Рисунок 20 add_tovar.php
Рисунок 21 adminroom.php
Рисунок 22 basket.php
Рисунок 23 baskt_empty.php
Рисунок 24 users_list.php
Рисунок 25 utils.php
