Знакомство с
JavaScript Всемирная сеть в начале своего
существования позволяла получать только
текстовую информацию. Первые версии HTML не были
оснащены средствами интегрирования в документы
графических объектов. Несмотря на то, что Web
достаточно молода (например по сравнению с ТВ),
темпы ее роста в несколько раз превышают темпы
развития других информационных технологий.
Сегодня Web-узлы содержат самые различные виды
информации: графику, звуковые файлы,
анимационные объекты, видеофильмы и просто
текст. Языки создания сценариев, подобные JavaScript,
позволяют достаточно просто улучшать внешний
вид Web-страниц и устанавливать тесную
взаимосвязь с пользователями.
В любых фантастических фильмах компьютеры
управляются командами на английском языке.
Насколько это будет справедливо в будущем,
покажет время. В настоящее время базис всех
команд языка программирования составляют
синтаксические конструкции языков BASIC, C и Java.
Поскольку HTML - это простой язык разметки
документов, он не позволяет пользователю
управлять внешним видом документа, а
автоматически отображает указанным образом
вэб-страницу на экране. Интерактивные задачи
требуют применения более сложных языков
программирования. Такие языки называются языками
подготовки сценариев.
В то время как большинство языков
программирования очень сложные, языки
подготовки сценариев до невозможности простые.
Они имеют простой синтаксис, позволяют выполнять
простые операции и легки для обучения. Языки
подготовки сценариев в Web позволяют создавать
простые сценарии, внедряемые впоследствии в
интерактивные вэб-страницы.
Сценарии и программы
Фильм (или видеоклип) соответствует
определенному сценарию - последовательности
действий (сцен), которые разыгрывают актеры.
Сценарий в JavaScript может содержать как одну строку,
так и большой листинг объемом в целое приложение.
Некоторые языки программирования необходимо
компилировать, или преобразовывать, в машинный
код, который впоследствии и выполняется. JavaScript, в
отличии от них, - это интерпретируемый язык
программирования. Браузер выполняет каждую
строку сценария последовательно, после
выполнения предыдущей.
У интерпретируемых языков программирования
есть одно большое преимущество: создание и
изменение сценариев выполняется очень просто.
Изменение сценария JavaScript проводить так же
просто, как и редактирование обычного документы
HTML. Все изменения вступают в силу
непосредственно после загрузки страницы в окно
браузера.
Интерпретируемые языки программирования имеют
также и большой недостаток - созданные на них
программы выполняются относительно медленно.
Именно по этой причине управлять с их помощью
графикой не всегда удобно. Они также требуют
использования специального интерпретатора (в
случае JavaScript - это браузер).
История JavaScript
JavaScript был разработан компанией Netscape Communication
Corporation, которая создала известный на весь мир
браузер Netscape Navigator. JavaScript - это первый
разработанный язык подготовки сценариев, но он
все еще очень популярен.
JavaScript сначала был назван LiveScript и впервые был
представлен как часть Netscape Navigator 2.0 в 1995 г. Позже
его переименовали в JavaScript, чтобы подчеркнуть его
сходство с Java.
Версии JavaScript
- JavaScript 1.0. Первая версия языка, поддерживаемая
Internet Explorer 3.0 и Netscape Navigator 2.0.
- JavaScript 1.1. Поддерживается Internet Explorer 4.0 и Netscape Navigator
3.0.
- JavaScript 1.2. Поддерживается Internet Explorer 4.0 (частично) и
Netscape Navigator 4.0.
- JavaScript 1.3. Поддерживается Netscape Navigator 4.5.
- JavaScript 1.5. Поддерживается Netscape Navigator 6.0.
Большинство средств этой спецификации
поддерживается Internet Explorer версии 5.5 и выше.
Назначение
JavaScript практически так же прост в изучении, как и
HTML. Сценарии напрямую вставляются в документы HTML.
С помощью JavaScript вы можете решить следующие
задачи:
- Добавить в документ бегущие строки и сообщения
о его изменении.
- Изменить форму введения данных и провести
необходимые вычисления. (Например, чтобы форма
заказа товаров в интерактивном магазине
отображала суммарную стоимость покупок).
- Отобразить сообщения, предназначенные для
пользователя (как на самой странице, так и в виде
отдельного диалогового окна.)
- Создать анимированные изображения, которые
изменяются при наведении на них мышки.
- Добавить интерактивный баннер, который намного
лучше, чем статический.
- Определить используемый браузер и настроить в
соответствии с ним вэб-страницу.
- Обнаружить используемые внедряемые модули и
уведомить пользователя об их статусе.
Это только некоторые из общих задач, которые
позволяет выполнить JavaScript. На самом деле, с его
помощью можно решить и более сложные задачи,
включая и создание отдельных приложений. По мере
изложения материала мы будем переходить к
созданию все более сложных сценариев.
Добавление сценария
JavaScript на Web-страницу
Как вы уже знаете, HTML - это язык разметки
документов, с помощью которого создаются
вэб-страницы. Чтобы напомнить вам, что из себя
представляет код документа HTML я приведу
небольшой пример:
<HTML>
<HEAD>
<TITLE>Заголовок документа<TITLE>
</HEAD>
<BODY>
<H1>Птицефабрика по разведению страусов</H1>
<P>Добро пожаловать на наш сайт. Он еще не создан</P>
</BODY>
</HTML>
Этот документ состоит из заголовка,
обозначенного тэгами элемента HEAD, и тела,
обозначенного тегами BODY. Для того, чтобы добавить
сценарий JavaScript на вэб-страницу, используется
пара дескрипторов <SCRIPT> и </SCRIPT>.
Пара дескрипторов <SCRIPT> и </SCRIPT> указывает
браузеру рассматривать программы как сценарий.
Обнаружив дескриптор </SCRIPT>, браузер
возвращается к выполнению обычного кода HTML. В
большинстве случаев операторы JavaScript выполняются
только внутри сценария (обозначенного
дескрипторами <SCRIPT> и </SCRIPT>). Исключение
составляют только обработчики событий, о которых
речь пойдет ниже.
Рассмотрим небольшой пример:
<HTML>
<HEAD>
<TITLE>Заголовок документа<TITLE>
</HEAD>
<BODY>
<H1>Птицефабрика по разведению страусов</H1>
<P>Добро пожаловать на наш сайт. Он еще не создан</P>
<SCRIPT LANGUAGE="JavaScript">
document.write(document.lastModified);
</SCRIPT>
</BODY>
</HTML>
Оператор document.write, рассматриваемый ниже,
позволяет отображать результат сценария на
вэб-странице. В нашем случае отображается дата
изменения документа.
Заметьте, что дескриптор <SCRIPT> содержит
параметр LANGUAGE="JavaScript". Этот параметр
определяет используемый язык подготовки
сценария. В нем вы можете также указывать и номер
версии языка.
В приведенном примере сценарий размещается в
теле HTML-документа. Сценарии могут размещаться в
четырех различных частях документа HTML.
- В теле документа. В этом случае результат
сценария отображается на вэб-странице при ее
загрузке в браузере.
- В заголовке документа между парой тегов HEAD.
сценарий, размещенный в заголовке, не
выполняется сразу при загрузке страницы, а
используется другими сценариями. В этом случае
он используется как функция - группа операторов
JavaScript, выполняемых как одно целое.
- В теге HTML. Такая конструкция называется
обработчиком событий и позволяет выполнять
сценарий вместе с тегом. Обработчик событий
представляем собой отдельный тип сценария,
который не требует использования дескриптора
<SCRIPT> для его обозначения.
- В отдельном файле. JavaScript позволяет
создавать собственные файлы с расширением .js,
содержащие готовые сценарии. В этом случае
сценарий указывается в коде документа в виде
имени файла, приведенного между дескрипторами
<SCRIPT>.
|