Существует ряд различных мест, где можно использовать JavaScript, но наиболее распространенным местом его использования является веб-страница. На самом деле, для большинства людей, использующих JavaScriptНа веб-странице есть единственное место, где они его используют.
Три языка веб-сайта
Первым требованием веб-страницы является определение содержание веб-страницы. Это делается с использованием языка разметки, который определяет, какова каждая из составляющих частей контента. Язык, который обычно используется для разметки содержимого, - это HTML, хотя XHTML также можно использовать, если вам не требуется, чтобы страницы работали в Internet Explorer.
HTML-код определяет содержание. При правильном написании не делается никаких попыток определить, как должен выглядеть этот контент. В конце концов, контент должен выглядеть по-разному в зависимости от того, какое устройство используется для доступа к нему. Мобильные устройства обычно имеют меньшие экраны, чем компьютеры. Печатные копии содержимого будут иметь фиксированную ширину и могут не требовать включения всей навигации. Для людей, слушающих страницу, необходимо определить, как она читается, а не как она выглядит.
внешность веб-страницы определяется с использованием каскадных таблиц стилей, в которых указывается, к какому носителю применяются определенные команды, поэтому формат содержимого соответствует устройству.
Используя только эти два языка, вы можете создавать статические веб-страницы, которые будут доступны независимо от того, какое устройство используется для доступа к странице. Эти статические страницы могут взаимодействовать с вашим посетителем с помощью форм. После того как форма заполнена и отправлена, запрос отправляется обратно на сервер, где создается новая статическая веб-страница и в конечном итоге загружается в браузер.
Большой недостаток таких веб-страниц заключается в том, что ваш посетитель может взаимодействовать со страницей только путем заполнения формы и ожидания загрузки новой страницы.
Добавить JavaScript для динамических страниц
JavaScript переводит вашу статическую страницу в страницу, которая может взаимодействовать с вашими посетителями без необходимости ждать загрузки новой страницы каждый раз, когда они делают запрос. JavaScript добавляет поведение на веб-страницу, где страница реагирует на действия, не загружая новую страницу для обработки запроса.
Больше не делает ваш посетитель необходимо заполнить всю форму и отправить ее, чтобы узнать, что они сделали опечатку в первом поле, и необходимо ввести ее заново. С помощью JavaScript вы можете проверять каждое из полей по мере их ввода и предоставлять немедленную обратную связь в случае ошибки
JavaScript также позволяет вашей странице быть интерактивной другими способами, которые вообще не включают формы. Вы можете добавить анимации на страницу, которые либо привлекают внимание к определенной части страницы, либо облегчают использование страницы. Вы можете предоставлять ответы на веб-странице для различных действий, которые выполняет ваш посетитель, чтобы избежать необходимости загружать новые веб-страницы для ответа. Вы даже можете иметь JavaScript загружать новые изображения, объекты или скрипты на веб-странице без необходимости перезагрузки всей страницы. У JavaScript даже есть способ передавать запросы обратно на сервер и обрабатывать ответы с сервера без необходимости загрузки новых страниц.
Включение JavaScript в веб-страницу позволяет улучшить восприятие посетителя, преобразовав его из статической страницы в страницу, которая может взаимодействовать с ними. Однако следует помнить одну важную вещь: не у всех, кто посещает вашу страницу, будет JavaScript, и поэтому ваша страница все равно должна работать для тех, у кого нет JavaScript. Используйте JavaScript, чтобы ваша страница работала лучше для тех, у кого она есть.