Язык javascript: как сделать сайт интерактивным

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

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

Основные сведения о JavaScript

История языка JavaScript берет свое начало в 1995 году, одновременно с выходом браузера Netscape Navigator 2. В Internet Explorer поддержка JavaScript была реализована в третьей версии. Сегодня язык поддерживают все современные браузеры, благодаря чему он стал широко популярен. Несмотря на это, некоторые, в хорошем смысле, параноидальные веб-посетители отключают поддержку JavaScript, опасаясь злоумышленников, которые иногда используют этот язык для демонстрации на компьютере пользователя всплывающей рекламы и выполнения других раздражающих действий в браузере. Это значит, что JavaScript можно использовать для совершенствования своих страниц, но эти страницы также должны отображаться (пусть не так красиво) и у пользователей с отключенной поддержкой языка.

ПРИМЕЧАНИЕ
JavaScript значительно отличается от языка Java (хотя из-за одинаковых синтаксических правил их код иногда выглядит одинаково). Java был создан компанией Sun Microsystems, это абсолютно полноценный язык программирования, во всех отношениях такой же мощный и сложный, как С++, С# и Visual Basic.

Возможности JavaScript.

• Динамическая вставка контента в веб-страницу или изменение существующего элемента XHTML. К примеру, можно встречать посетителей своего сайта личными сообщениями («Здравствуйте, Иван!») или постоянно растягивать и сжимать заголовки.

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

• Реагирование на события, происходящие в браузере. Например, можно написать код, который будет выполняться по окончании загрузки страницы или щелчку мыши по картинке.

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

Серверное и клиентское программирование

Для того чтобы понять роль JavaScript в Интернете, необходимо рассмотреть два типа веб-программирования. Каждый раз при обращении к поисковой системе вроде Google или электронному магазину вроде Ozon на самом деле происходит подключение к мощному компоненту программного обеспечения, называемому серверным приложением, которое работает на веб-сервере. Посещая один из таких сайтов, вы передаете серверной программе информацию, например ключевые слова или название книги, которую хотите купить. Программа, в свою очередь, обращается к большой базе данных и выдает код XHTML, генерирующий страницу, которая отображается в браузере.

Серверные приложения правят вебмиром, потому что, в сущности, они могут все. Однако их безумно сложно программировать. Разработчики должны не только беспокоиться о том, как программа будет генерировать код XHTML для браузера, они также должны гарантировать выполнение всех видов сложных подпрограмм и обращение к гигантским базам данных — и все это они должны делать с тем же успехом как для миллионов требующих внимания посетителей, так и для одного пользователя. Это тяжелый труд, и лучше всех его выполняют бедняги, которых называют программистами.

Совсем другая модель работы применяется в клиентских приложениях. Они представляют собой небольшие легкие программы внутри обычных XHTML-страниц. Эти программы выполняются браузером при загрузке страниц (с учетом настроек безопасности и совместимости). Клиентские программы намного менее мощные, чем серверные, — они, к примеру, не могут надежно обращаться к большим базам данных, хранимым на веб-серверах, а из-за ограничений безопасности они не могут напрямую обращаться к домашнему компьютеру. Однако их намного проще писать. Если вы когда-либо играли в Java-шашки в своем браузере, значит, вы использовали клиентскую программу.

Языки сценариев javascript

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

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

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