JavaScript Введение

JavaScript — самый популярный скриптовый язык в интернете. Этот язык можно использовать для HTML и веба, и он может широко применяться на таких устройствах, как серверы, ПК, ноутбуки, планшеты и смартфоны.

JavaScript — это скриптовый язык

JavaScript — это легковесный язык программирования.

JavaScript — это программный код, который можно вставлять в HTML-страницы.

После вставки JavaScript в HTML-страницу он может выполняться всеми современными браузерами.

JavaScript очень прост в изучении.

Чему вы научитесь

Ниже приведен основной материал, который вы изучите в этом руководстве.

JavaScript: прямая запись в выходной поток HTML

	Вы можете использовать document.write только в выводе HTML. Если вы используете этот метод после загрузки документа, он перезапишет весь документ.

JavaScript: реакция на события

Функция alert() не часто используется в JavaScript, но она очень удобна для тестирования кода.

Событие onclick — лишь одно из многих событий, которые вы изучите в этом руководстве.

JavaScript: Изменение HTML-содержимого

Использование JavaScript для работы с HTML-содержимым — очень мощная возможность.

Вы часто будете видетьdocument.getElementById("какой-нибудь id"). Этот метод определён в HTML DOM.

DOM (Document Object MDOM (Document Object Model) — официальный стандарт W3C для доступа к HTML-элементам.

Вы узнаете об HTML DOM в нескольких главах этого руководства.

JavaScript: Изменение HTML-изображений

В этом примере динамически изменяется источник (src) HTML-элемента <image>:

Зажги лампочку

<script> function changeImage() { element=document.getElementById('myimage') if (element.src.match("bulbon")) { element.src="/images/pic_bulboff.gif"; } else { element.src="/images/pic_bulbon.gif"; } } </script> <img id="myimage" onclick="changeImage()" src="/images/pic_bulboff.gif" width="100" height="180">

Щелкните по лампочке ниже, чтобы увидеть эффект:

Щелкните по лампочке, чтобы включить или выключить свет

Попробуйте сами »

В приведенном выше примере кодelement.src.match("bulbon")означает получение<img id="myimage" onclick="changeImage()" src="../images/pic_bulboff.gif" width="100" height="180">того, содержит ли значение атрибута src в немbulbonэту строку. Если строка существует,bulbonу изображенияsrcобновляется наbulboff.gifесли он не совпадает сbulbonстрокой,srcобновляется наbulbon.gif

JavaScript может изменять большинство атрибутов любого HTML-элемента, а не только изображений.

JavaScript: Изменение стилей HTML

Изменение стиля HTML-элемента — это разновидность изменения HTML-атрибутов.

JavaScript: Проверка ввода

JavaScript обычно используется для проверки пользовательского ввода.

Приведённый выше пример — всего лишь простая проверка. Если вы хотите использовать его в рабочей среде, нужна строгая проверка. Если ввод представляет собой пробел или последовательные пробелы, isNaN не может это обнаружить. Вы можете добавить регулярное выражение для проверки (объясняется в следующих главах):

Знаете ли вы?

	JavaScript и Java — два совершенно разных языка, как по концепции, так и по дизайну. Java (созданный компанией Sun) — более сложный язык программирования. ECMA-262 — официальное название стандарта JavaScript. JavaScript был создан Бренданом Айком. Он появился в Netscape в 1995 году (этот браузер перестал обновляться) и был принят ECMA (ассоциацией по стандартизации) в 1997 году.

Версии ECMAScript

JavaScript был стандартизирован ECMA (European Computer Manufacturers Association) посредством ECMAScript.

ECMAScript 6 также известен как ECMAScript 2015.

ECMAScript 7 также известен как ECMAScript 2016.