69. Основы Интернет-программирования. Основы JavaScript.

Большинство Web-страниц представляют собой гипертекстовые документы, отформатированные с помощью специального языка разметки документов HTML (Hyper Text Markup Language). Под гипертекстом понимают способ представления информации при помощи связей между документами, а также внутри одного документа. В Web-документе связь представляет собой URL-ссылку (унифицированный указатель ресурсов), указывающую на другую Web-страницу или любой другой информационный ресурс сети.

Языки Web-программирования делятся на две группы: клиентские и серверные.

Клиентские языки. Как следует из названия, программы на клиентских языках обрабатываются на стороне пользователя, как правило, их выполняет браузер. Это и создает главную проблему клиентских языков – результат выполнения программы зависит от браузера пользователя. То есть если пользователь запретил выполнять клиентские программы, то они исполняться не будут. Самыми распространенными клиентскими языками программирования являются: JavaScript; VBScript; ActionScript; Java.

Серверные языки. Когда пользователь дает запрос на какую-либо страницу (переходит на неё по ссылке или вводит адрес в адресной строке своего браузера), то вызванная страница сначала обрабатывается на сервере, то есть выполняются все программы, связанные со страницей, и только потом возвращается к посетителю по сети в виде файла. Этот файл может иметь расширения: HTML, PHP, ASP, ASPX, Perl, SSI, XML, DHTML, XHTML.

Работа программ уже полностью зависима от сервера, на котором расположен сайт, и от того, какая версия того или иного языка поддерживается. Список серверных языков программирования: PHP, Perl, Python, Ruby, Java, Groovy и др. 

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

Суть программирования на JavaScript заключается в написании обработчиков событий. Например, с объектом типа button (контейнер INPUT типа button –- "Кнопка") может происходить событие click, т.е. пользователь может нажать на кнопку. Для этого атрибуты контейнера INPUT расширены атрибутом обработки события click − onClick.

В общем случае можно выделить три способа функционального применения JavaScript:

• гипертекстовая ссылка (схема URL):

например, при нажатии на гиперссылку Внимание! можно получить окно предупреждения:  

<A HREF="JavaScript:alert('Внимание!');"> Внимание!</A>

• обработчик события (handler):

например, при нажатии на кнопку происходит событие click:

<FORM><INPUT type="button" value="Кнопка" onClick="window.alert('intuit');"> </FORM>

• вставка (контейнер SCRIPT):

при разборе HTML-документа управление передается интерпретатору после того, как встретится тег начала контейнера SCRIPT. Интерпретатор получает на исполнение весь фрагмент кода внутри контейнера SCRIPT и возвращает управление для обработки текста страницы, следующего после тега </SCRIPT>.

JavaScript поддерживает встроенные структуры и типы данных. Все их многообразие подразделяется на: литералы; переменные; массивы; функции; объекты.

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

Переменная − это область памяти, имеющая свое имя и хранящая некоторые данные. Переменные в JavaScript объявляются с помощью оператора var. Тип переменной определяется по присвоенному ей значению.

Массивы делятся на встроенные и определяемые пользователем (автором документа). Для определения массива пользователя существует специальный конструктор Array.

Примеры операторов:

• if ... else ... (условный оператор);

• ()? (условное выражение, выдает одно из двух значений в зависимости от выполнения некоторого условия);

• while, for (операторы цикла);

• break (оператор, позволяющий досрочно покинуть тело цикла);

• continue (оператор, позволяющий перейти к следующей итерации цикла, пропустив выполнение всех нижестоящих операторов);

• return (используется для возврата значения из функции).