JavaScript

Статичные веб-страницы достаточно скучны и скупы, именно язык сценариев JavaScript повышает интерактивность страницы, оживляет её. JavaScript значительно расширяет функциональность сайтов и способствует тесному взаимодействию между пользователем и сервером. Программы, написанные на этом языке, имеют название «скрипты», они напрямую подключаются к HTML и выполняются сразу же после окончания загрузки страницы.

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

JavaScript может делать всё, относящееся к действиям на странице, взаимодействию с посетителям и, до определённой степени, с сервером:

  • Вносить изменения на страницу, писать текст, изменять стиль элементов, добавлять или удалять HTML-теги.
  • Реагировать на любое событие, например, клик мыши, движение курсора, нажатие клавиши или окончание загрузки страницы, и сразу же отреагировать на него, выполняя функцию.
  • Выполнять запрос к серверу и загружать данные без выполнения перезагрузки страницы. Технология, выполняющая эти функции, имеет название AJAX.
  • Устанавливать файлы cookie и считывать их.
  • Прятать или выводить элементы страницы.
  • Выполнять валидацию данных.
  • Выводить сообщения.

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

Преимущества JavaScript

  • JavaScript полностью интегрируется с HTML и CSS.
  • Поддерживается абсолютно всеми популярными браузерами. Интерпретатор JavaScript включен по умолчанию, именно поэтому они способны выполнять любые скрипты на странице.
  • Многие вещи делаются очень просто.

Именно это сочетание преимуществ делает JavaScript наиболее распространённым и популярным средством для создания браузерных интерфейсов.

Пример использования

Исходный код

HTML

<input type="text" id="a"> + <input type="text" id="b"> <button type="button" onClick="calculate();">=</button> <input type="text" id="c">

JavaScript

function calculate()
{
    a = parseInt(document.getElementById('a').value);
    b = parseInt(document.getElementById('b').value);
    document.getElementById('c').value = a + b;
}

Результат

+