Майк МакГрат - JavaScript для начинающих

черным — текст; зеленым — комментарии к коду:

Синим

let sum = ( 9 + 12 ) / 3 // Эквивалентно 21 / 3.
document.getElementById( 'info' ).innerHTML += 'Grouped sum: ' + sum
Синим цветом выделены HTML-теги; черным — текст; оранжевым — значения атрибутов элементов в HTML- и JavaScript-коде:
JavaScript in easy steps

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

JS

page.html

data.json

JSON

{}

external.js

data.xml

echo.pl

banner.svg

Чтобы избежать повторений, исходный код HTML-документов, приведенных в примерах, указан не полностью. Однако он представляет собой весь
фрагмент документа, к которому применяется указанный JavaScript-код.
Вы можете скачать ZIP-архив, содержащий все полные файлы исходных
кодов, выполнив следующие простые шаги:

z
z
1

Перейдите на сайт http://addons.eksmo.ru/it/js.zip — загрузка начнется автоматически

2

Извлеките содержимое архива в любое удобное место на вашем
компьютере.

Если вы не довольны полученным результатом, просто сравните свой код
с кодом исходных файлов.

1

Введение
в JavaScript

Добро пожаловать
в удивительный
и захватывающий мир

8

Знакомство с JS

9

Добавление JavaScript
в HTML-документ

программирования
на JavaScript! В этой главе

10

Вывод данных JavaScript

сценарии в HTML-

12

Структура кода

документы, используя

15

Избегайте ключевых слов

17

Хранение значений

19

Создание функций

22

Назначение функций

24

Область видимости

27

Замыкания

29

Заключение

вы узнаете, как добавлять

переменные и функции
JavaScript.

Введение в JavaScript

Знакомство с JS
Язык программирования JavaScript («JS») — это
объектно-ориентированный язык сценариев, объекты которого встроены в программное обеспечение
веб-браузера, например, Google Chrome, Microsoft Edge,
Firefox, Opera и Safari. Для обеспечения функциональности это позволяет при загрузке страницы в браузере интерпретировать содержащиеся на веб-странице
сценарии. В целях безопасности язык JavaScript не может считывать или записывать файлы, за исключением файлов cookie, в которых хранится минимальный
объем данных.

10

Самая первая реализация JavaScript была создана
Бренданом Эйхом (Айком) (Brendan Eich) в компании
Netscape. Этот язык программирования был впервые
представлен в декабре 1995 года и первоначально назывался «LiveScript». Однако вскоре из коммерческих
соображений LiveScript был переименован в JavaScript,
получив соответствующую лицензию у Sun Microsystem.
До введения JavaScript браузер вызывал сценарии
на стороне сервера, а в связи с долгим ответом снижалась производительность. Эта проблема решилась
с помощью вызова сценариев на стороне клиента.

Брендан Эйх, создатель языка программирования
JavaScript, а также
соучредитель проекта Mozilla, помог
запустить веб-браузер Firefox.

Популярность языка JavaScript быстро росла. Но между
компаниями Netscape и Microsoft возникли разногласия по поводу его лицензирования, поэтому Microsoft
представила собственную версию языка под названием «JScript». Несмотря на то что новая версия JScript
очень похожа на JavaScript, она имеет некоторые расширенные функции. В июне 1997 года Ecma International
предложила стандартизировать JavaScript, и в результате появился «ECMAScript». Это помогло стабилизировать основные функции. Однако название не прижилось среди юзеров, поэтому язык программирования
все же получил название JavaScript.
В книге представлены:

zОсновы языка — синтаксис, ключевые слова,
операторы, структура и встроенные объекты.

zФункциональность веб-страницы показывает, как
объектная модель документа (DOM) браузера
обеспечивает взаимодействие с пользователем.

zВеб-приложения — адаптивные веб-приложения
и текстовый формат представления данных
в нотации объекта JavaScript (JSON).

Добавление JavaScript
в HTML-документ
Вы можете добавить JavaScript-код в HTML-документ, поместив его между тегами и ,
например:

В теге применим атрибут


document.getElementById( 'message' ).innerText = 'Hello World!'


Однако это не требуется, поскольку JavaScript —
язык сценариев для
HTML по умолчанию.

type="text/javascript".

11

HTML-документ может включать в себя несколько
сценариев, которые помещаются в раздел заголовка
или тела документа. Однако рекомендуется размещать
сценарии в конце основного раздела (непосредственно
перед закрывающим тегом ), --">