JavaScript для "чайников"

Эмили Вандер Вер

Книга представляет собой пособие по основам программирования на языке сценариев JavaScript. В ней рассмотрены базовые средства JavaScript и методы их использования для решения конкретных задач, возникающих при разработке Web-страниц. Читатель узнает, как сделать Web-страницы более привлекательными, динамичными и как научить их "разговаривать" с посетителями ваших Web-узлов. Основные конструкции JavaScript вводятся с использованием примеров, которые иллюстрируют их применение на пра ктике. Для тех, кто захочет познакомиться с JavaScript более глубоко, книга содержит описание объектной модели документа, а также множество Web-адресов, по которым можно отыскать интересующую вас информацию по JavaScript. Простота и ясность изложения, реальные, работающие примеры делают эту книгу незаменимой для тех, кто приступает к изучению JavaScript; книга содержит также много полезной информации для более искушенных пользователей HTML. Читатели, которые интересуются текстами программ на JavaScr ipt, приведенными в книге, могут получить их на Web-узле издательства "Диалектика".
Книга рассчитана на начинающих пользователей.

Об авторе

Независимая журналистка и Web-гуру Эмили А. Вандер Вер (Emily A. Vander Veer) написала несколько книг и бесчисленное количество статей об Internet-технологиях и их развитии. Web-страница Эмили находится по адресу http://www.emilyv.com.

Введение

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

(Хотя я и не предполагаю, что вы знаете HTML, но многие вещи, которые вы собираетесь сделать с помощью JavaScript, взаимодействуют с объектами, созданными с использованием HTML, поэтому вам будет проще понять примеры, которые приводятся в этой книге, если под рукой у вас будет хороший справочник по HTML. Им может стать книга HTML 4 для "чайников", 3-е издание, Эда Титела (Ed Tittel), выпущенная издательством "Диалектика".)

Я постараюсь на простых примерах доступно объяснить, как работает JavaScript, избегая всяких штучек наподобие "метасинтаксических переменных". Конечно, при необходимости я буду использовать формальную запись, обязательно сопровождая ее простыми и понятными объяснениями. Самое главное, я включила в книгу массу примеров программ, которые демонстрируют приемы, часто используемые при создании Web-страниц.

Все примеры листингов, которые приведены в книге, а также многие другие интересные сценарии, примеры и инструменты для разработки можно найти на Web-узле издательства "Диалектика" по адресу http://www.dialektika.com. Из своего опыта я могу сказать, что самый лучший способ освоения JavaScript - загрузить сценарии JavaScript и работать с ними по ходу чтения каждой главы. По возможности загрузите содержимое соответствующих Web-страниц перед тем, как приступите к чтению книги. Когда вы встретите т екст листинга, вам придется просто щелкнуть на соответствующем HTML-файле, который уже будет установлен на вашем компьютере. Это поможет вам лучше понять каждый сценарий JavaScript, приведенный в этой книге.

Требования к системе

Ниже приводятся требования к системе, необходимые для работы с примерами сценариев, приведенными в данной книге.

• Компьютер с модемом.
• Звуковая карта (это необязательный параметр, но работать с ней интереснее!).
• ОС Windows 95, Windows NT или Macintosh, установленная на компьютере, имеющем следующие характеристики:
  • процессор Pentium или более мощный, не менее 16 Мбайт RAM и 25 Мбайт свободного пространства на жестком диске, если вы работаете с Windows 95/NT;
  • процессор PowerPC или более мощный (минимум 16 Мбайт RAM и 100 Мбайт свободного пространства на жестком диске для пользователей Macintosh);
  • броузер Netscape Navigator 6.0 или Microsoft Internet Explorer 5.5. (Из главы 1 вы узнаете, где найти это программное обеспечение, если оно еще не установлено на вашем компьютере.)

Об этой книге

Представьте себе, что эта книга - ваш хороший друг, который проведет вас через все препятствия и быстро научит всему, о чем вы хотели узнать. В этой книге вы найдете все основные сведения о языке JavaScript, полезные советы о том, как избежать часто встречающихся ошибок (а также некоторые довольно хитроумные при╟мы), которые излагаются с точки зрения начинающего программиста на JavaScript. Хотя HTML в этой книге специально не рассматривается, она содержит реальные примеры HTML-документов, из которых вы сможете понять, как работают сценарии JavaScript. Напомним, что вс╟ необходимое для запуска этих примеров вы найдете на Web-узле издательства "Диалектика" по адресу http://www.dialektika.com.

Вот примеры некоторых тем, которые обсуждаются в этой книге.

• Создание интерактивных Web-страниц.
• Проверка информации, введенной пользователем, с помощью JavaScript.
• Тестирование и отладка сценариев JavaScript.
• Адаптация сценариев для использования на разных платформах.
• Интеграция JavaScript с другими технологиями, например аплетами Java, встроенными средствами Netscape и компонентами ActiveX.

С помощью JavaScript вы научитесь создавать "интеллектуальные" Web-страницы - это очень увлекательный процесс. Знание JavaScript откроет перед вами массу новых возможностей! Чтобы облегчить восприятие потока новой информации, в этой книге мы сосредоточимся на практических аспектах применения JavaScript. Они необходимы для того, чтобы ваши интерактивные Web-страницы заработали как можно скорее.

Соглашения, принятые в книге

Правила очень просты. Все листинги, например, выделены следующим образом:

<TITLE>JavaScript для "чайников"</TITLE>

Следует следить за тем, чтобы правильно воспроизводить синтаксис примеров. Иногда сценарии выполняются даже в том случае, если вы добавили или удалили пробелы или ввели ключевое слово строчными буквами вместо прописных, однако иногда такие ошибки не прощаются, а я считаю, что лучше потратить время на поиск новой информации, чем на вылавливание синтаксических ошибок. (Если вы последуете моему совету, то лучше загрузите и пользуйтесь копиями текста работающих сценариев непосредственно с Web-узла http://www.dialektika.com, чтобы снизить до минимума количество синтаксических ошибок!)

Все, что приводится в книге в виде листингов, следует воспроизводить буква в букву. Как правило, многие элементы являются ключевыми словами JavaScript, поэтому они должны вводиться точно. Слова, выделенные курсивом, являются "знакоместом", т.е. могут заменяться другими значениями. Например, в приведенной ниже строке кода можно заменить слова state и смущение или вовсе отбросить знак равенства (разумеется, вместе с правой частью!), однако ключевое слово var в данной кон струкции обязательно, как показано ниже.

var state = "смущение"

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

...

var fullName = "Джордж

Вашингтон"

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

Все URL, приведенные в данной книге, были действительными на момент написания книги. Но поскольку Internet - очень быстро изменяющаяся среда, к тому времени, когда вы захотите ими воспользоваться, они могут уже не работать. Если это произойдет, воспользуйтесь такими поисковыми механизмами, как Yahoo! или Webcrawler, которые помогут вам найти нужную страницу.

Что можно пропустить

Вы можете прочитать информацию, помеченную пиктограммами Технические подробности, но вам не обязательно вникать в детали, поскольку здесь подробно поясняется, почему те или иные вещи работают так, а не иначе. (Она интересна для чтения, однако необязательна для понимания приведенных примеров JavaScript.)

Несколько простых предположений

Каждому приходится с чего-то начинать, верно? Я начну свою книгу с некоторых предположениях о вас, мой читатель.

• Вы знаете, как переходить от приложения к приложению с помощью мыши и клавиатуры.
• Вы хотите создать интерактивную Web-страницу для развлечения, в коммерческих целях или потому, что это просто часть вашей работы.
• Вы подключены к Internet или собираетесь это сделать.
• Вы уже установили (или имеете такую возможность) копию Internet Explorer 5.5 или Netscape Navigator 6.0.

Как организована эта книга

Книга состоит из пяти частей, каждая из которых содержит несколько глав, а каждая глава - несколько разделов. Если хотите, начинайте изучение с самого начала или просматривайте интересующие вас разделы. (Если вы новичок в JavaScript, советую пролистать главу 1.) Ниже кратко рассказывается, что вы найдете в каждой части.

Часть I. Создание сногсшибательных Web-страниц для дела и потехи

В этой части объясняется, как превратить JavaScript из абстрактного понятия в нечто конкретное, что происходит на экране вашего компьютера. Действуя последовательно, вы сможете сделать выбор между Netscape Navigator и Internet Explorer, узнаете, как получить доступ к объектной модели документа и изменять ее, а также написать и протестировать свой первый сценарий. В этой части приводится также обзор языка JavaScript в целом.

Часть II. Сделайте свои Web-страницы "смышлеными"

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

Часть III. Заставьте свои Web-страницы "заговорить"

Представленный здесь материал поможет вам создать Web-страницы, с которыми смогут легко и эффективно взаимодействовать пользователи. Вы узнаете, как использовать событийную модель JavaScript и поддержку объявления функций для создания "классных" кнопок, интерактивных изображений, функций-"наблюдателей" за перемещениями мыши и "интеллектуальных" (с автоматической проверкой) HTML-форм.

Часть IV. Автоматизация вашего Web-узла

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

Часть V. Великолепные десятки

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

Часть VI. Приложения

В конце книги вы найдете массу полезной информации - необходимые ссылки, зарезервированные слова JavaScript, значения для цветов, объекты документов и специальные символы.

С чего начинать

Итак, чего же мы ждем? Выбирайте любую тему - и вперед! Если вы мне доверяете, советую начать изучение с главы 1, пока вы не решите, что пришло время отложить книгу и попробовать сделать что-нибудь самостоятельно. И запомните: с этого момента ваша жизнь будет разделена на два важных этапа - до освоения языка JavaScript и после. Приступайте!