5
Введение
В
результате курса, проводимого под руководством преподавателя,
студенты познакомятся с:
•
технологиями и основными принципами объектно-ориентированного
программирования;
•
принципами создания динамических Web-документов;
•
основными элементами языка;
•
взаимосвязью языков скриптов и таблицей стилей для оформления
Web-документов;
•
организацией проверки данных введенных пользователем.
Цель курса
По окончании данного курса студенты смогут:
•
иметь
представление
об
основах
технологии
объектно-
ориентированного программирования, необходимых для Web-
разработки;
•
иметь представление о
языке создания сценариев (то есть уметь
понимать конструкции языка и интерпретировать результат);
•
создавать Web-документы с динамически изменяемым содержимым;
•
использовать стилевое форматирование совместно с языками
сценариев для расширения возможностей оформления документов.
6
1. Обзор возможностей языка JavaScript
Взаимодействие клиента и сервера в
Интернете осуществляется с
помощью запросов, посылаемых клиентом серверу, и ответов сервера на
запрос клиента:
Его основу составляют HTTP-сообщения, подразделяемые на:
•
запрос (request) клиента к серверу;
•
ответ (response) сервера клиенту.
Стандартный язык разметки HTML позволяет легко создавать
статичные Web–страницы. Пользователь не может менять их содержимое,
не может взаимодействовать с ними. Для того чтобы сделать страницу по-
настоящему интерактивной, нужен еще один язык, выполняемый в
контексте браузера, - скриптовый язык.
Исследования работы приложений интернета показали, что для
выполнения определенных действий пользователя нет необходимости
постоянно обращаться к серверу - эти действия можно реализовать на
стороне клиента, если бы он позволял каким-то образом их
запрограммировать. Так появился встроенный в программу просмотра
Web-страниц (браузер) язык JavaScript, который расширил возможности
языка разметки HTML, предоставляя разработчику возможность
встраивать в документ HTML код программы, выполняющейся на клиенте.
Скриптовый язык используется для создания интерактивных страниц.
Обычно он не содержит всех возможностей настоящих языков
программирования, таких, например, как работа с файлами или управление
графикой. Созданные с помощью скриптовых языков программы не могут
выполняться самостоятельно - они работают только в контексте браузера,
поддерживающего выполнения скриптовых программ. Создаваемые на
скриптовых языках программы, называются сценариями или скриптами,
включаются в
состав Web-страниц и распознаются и обрабатываются
браузером отдельно от остального HTML - кода.
Язык программирования JavaScript - объектно-ориентированный язык
разработки встраиваемых приложений, выполняющихся как на стороне
клиента, так и на стороне сервера.
Веб-обозреватель, работающий на компьютере-клиенте, обеспечивает
среду, в которой JavaScript имеет доступ к объектам, которые
представляют собой окна, меню, диалоги, текстовые области и т. д. Кроме
того, обозреватель позволяет присоединить сценарии на языке JavaScript к
7
таким событиям, как загрузка и выгрузка страниц и графических образов,
нажатие клавиш и движение мыши, выбор текста и пересылка форм. При
этом программный код сценариев только реагирует на события и поэтому
не нуждается в
главной программе. Набор объектов, предоставляемых
обозревателем, известен под названием Document Object Model (DOM).
Основная идея JavaScript состоит в возможности изменения значений
атрибутов HTML-контейнеров и свойств среды отображения в процессе
просмотра HTML-страницы пользователем. При этом перезагрузки
страницы не происходит.
Основные области использования JavaScript при создании
интерактивных HTML- страниц:
•
Динамического создания содержимого страницы во время ее
загрузки или уже после того, как она полностью загружена;
•
Отображения диалоговых панелей и сообщений в
статусной строке
браузера;
•
Оперативная проверка достоверности заполняемых пользователем
полей форм HTML до передачи их на сервер;
•
Создание динамических HTML-страниц совместно с каскадными
таблицами стилей и объектной моделью документа (DHTML);
Достарыңызбен бөлісу: