Использование JavaScript

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

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

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

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

А сейчас давайте взглянем на то, как можно воспользоваться обычным JavaScript, воспринимаемым всеми браузерами:

<script type="text/javascript">

document.write("Hellо World. Today is " + Date() );

</script>

Этот фрагмент кода предписывает веб-браузеру интерпретировать все, что находится внутри тегов script, в качестве кода JavaScript, который затем выполняется браузером, выводя в текущий документ текст «Hello World. Today is », а также дату, полученную за счет использования принадлежащей JavaScript функции Date. В результате получится нечто подобное следующему:

Hello World. Today is Sun Jan 01201214:14:00

Ранее было упомянуто, что изначально JavaScript разрабатывался для того, чтобы получить возможность динамического управления различными элементами, находящимися внутри HTML-документа, и это его предназначение по-прежнему является основным. Но все чаще JavaScript используется для реализации технологии Ajax. Это понятие используется для обозначения процессов доступа к веб-серверу в фоновом режиме. (Сначала оно означало «асинхронный JavaScript и XML» — Asynchronous JavaScript and XML, но сейчас это определение несколько устарело.)

Ajax является основным процессом, лежащим в основе технологии, известной как Web 2.0 (этот термин придумал Тим О'Рейли (Tim O'Reilly) — основатель и исполнительный директор издательства O'Reilly), при использовании которой веб-страницы стали напоминать автономные программы, поскольку их уже не нужно загружать целиком. Вместо этого в быстром вызове Ajax может быть задействован отдельный элемент веб-страницы, например может быть изменена ваша фотография на сайте социальной сети или заменена кнопка, на которой нужно щелкнуть, отвечая на вопрос. Полностью эта тема будет рассмотрена в разделе «Использование технологии Ajax».