Веб-программирование. Клиентские скрипты

Современные веб-сайты все больше и больше становятся похожими на приложения, которые по функциональности не уступают самостоятельным приложениям. Хотите, чтобы и Ваш сайт кроме красивого оформления обладал интерактивностью и функциональностью полноценного приложения? Тогда Вам просто необходимо воспользоваться одной из технологий веб-программирования при создании своего веб-ресурса. Участки программного кода, реализующего эти технологии, или другими словами скрипты, бывают серверные и клиентские. Серверные скрипты выполняются сервером по запросу, посылаемому клиентским приложением (в данном случае браузером). Клиентские, соответственно, - самим клиентским приложением.

Давайте подробнее рассмотрим, что собой представляют клиентские скрипты и зачем они нужны.

Что такое клиентские скрипты?

Как Вы уже, наверное, знаете, страницы веб-сайтов описываются при помощи языка гипертекстовой разметки - html. Но поскольку этот язык отвечает всего лишь за оформление веб-страниц, то задать с его помощью какое-либо динамическое действие невозможно. Как раз для подобных случаев и существуют клиентские скрипты - специальные веб-сценарии, которые дают возможность изменять содержимое html-страницы без перезагрузки самой страницы с сервера. Часто клиентские скрипты встраиваются прямо в html‑код страницы и для их выполнения не требуется установка какого-либо дополнительного программного обеспечения. Все что нужно - это браузер с поддержкой клиентских скриптов. Все современные интернет-браузеры (кроме некоторых старых версий) поддерживают выполнение распространенных клиентских скриптов.

К языкам веб-программирования, предназначенным для создания клиентских скриптов относят Javascript, VBScript, ActionScript, использующийся в технологии flash и SilverLight. Остановимся подробнее на языках Javascript и VBScript, как на наиболее ярких представителях семейства клиентских языков веб-программирования.

Javascript

Среди клиентских языков веб-программирования почетное место заслуженно занимает Javascript. Язык Javascript был разработан в начале 90-х годов прошлого века фирмой Netscape. Изначально разрабатывался для взаимодействия исключительно с браузером Netscape Navigator - продуктом компании Netscape. Однако на сегодняшний день это язык веб-программирования получил широчайшее распространение и практически все браузеры его поддерживают. Кроме того, сценарии Javascript поддерживаются в таких приложениях как Adobe Photoshop, Adobe Dreamweaver, Adobe Illustrator или Adobe InDesign, которые активно используются профессионалами для создания веб-дизайна.

Что же делает Javascript таким популярным и востребованным?

Самый распространенный пример - заполнение регистрационных форм. Клиентский скрипт проверяет данные в форме еще до отправки на сервер и в случае ошибки указывает на нее. Остальные данные при этом сохраняются в динамической памяти, и нет необходимости при ошибке в одном поле ввода еще раз полностью проходить процесс заполнения. Других подобных случаев, в которых применение Javascript реализует задачи, недоступные для статических страниц, еще множество. Среди них: изменение содержимого страницы в ответ на действие пользователя; создание всплывающих подсказок; реагирование на клик мыши, движение курсора.

Как добавить javascript на веб-страницу?

Существует два способа. Первый, как уже упоминалось, - это вставить программный код javascript непосредственно в html-код. Делается это обычно в рамках тега , поскольку в этом случае сценарий javascript загружается сразу же вместе со всей страницей. Строка вставки этого кода выглядит следующим образом:

Второй способ - описать все необходимые команды в отдельном файле и сохранить его с расширением .js. Тогда для подключения javascript к веб-странице нужно будет указать источник с названием файла. Выглядит это так:

VBScript

Visual Basic Scripting Edition, или попросту VBScript, от компании Microsoft - достойный конкурент популярному Javascript. VBScript является подмножеством семейства Visual Basic, поэтому и синтаксис, и структура его подобны всем остальным членам этого семейства. Однако, VBScript несколько проще и обладает всего одним типом переменных - variant. Благодаря большому количеству уже написанных пользовательских скриптов, простоте и доступности VBScript становится все более и более популярным. однако его поддержка встроена только в браузер от Microsoft - Internet Explorer. Для остальных же браузеров требуется установка дополнительных расширений - плагинов. Круг задач, которые решают скрипты, написанные на VBScript, такой же, как и у скриптов, написанных на javascript, поэтому повторяться не будем.

Вставка кода VBScript в страницу происходит несколько иначе, чем Javascript:

Преимущества и недостатки клиентских скриптов

Вокруг Javascript и VBScript постоянно ведутся ожесточенные споры веб-программистов. Некоторые считают, что javascript работает быстрее, чем VBScript, однако признают, что последний более функционален. Но, так или иначе, оба эти языка имеют несколько общих преимуществ:

данные не отправляются на сервер, что значительно ускоряет работу веб-приложений;
для выполнения клиентских скриптов не требуется никакого дополнительного программного обеспечения;
за пользование клиентскими языками компании, предоставляющие хостинг, не требуют денег;
имеется возможность динамически изменять стиль или содержание веб-страниц в зависимости от характеристик браузера клиента;
можно осуществлять автоматическое обновление страниц через определенные промежутки времени;
возможность реагирования на разные события (движение курсора мыши, нажатие кнопок мыши);
можно производить всевозможные математические расчеты.

К сожалению, в этой бочке меда есть своя ложка дегтя.

Чтобы увидеть исходный код скрипта, достаточно просмотреть исходный код веб-страницы, что доступно практически в любом браузере. Поэтому, если попытаться с помощью такого скрипта защитить какие-то данные паролем, то ничего не получится - можно просто просмотреть код страницы и узнать все пароли. Поддержку клиентских скриптов пользователь может отключить в браузере, а значит выполняться они не будут.

Кстати, следует отметить, что и Javascript и VBScript используются для написания не только клиентских, но и серверных скриптов. Но у них нет возможности отправить файл на сервер. Поэтому для решения задач, связанных с отправкой данных на сервер все-таки лучше применять серверные языки.