JavaScript для начинающих [Майк МакГрат] (pdf) читать постранично

Mike McGrath

JAVASCRIPT
create dynamic web pages
edition

6

Майк МакГрат

• ЦВЕТНОЕ ИЗДАНИЕ
• ЧЕТКИЕ ПОШАГОВЫЕ
ИНСТРУКЦИИ
• СОЗДАЙТЕ САЙТ С НУЛЯ
• ОПЫТ В РАЗРАБОТКЕ
НЕ НУЖЕН

JAVASCRIPT
ДЛЯ НАЧИНАЮЩИХ
издание

6

УДК 004.43
ББК 32.973.26-018.1
М15

Mike McGrath
JavaScript in easy steps 6th edition
Copyright © 2020 by In Easy Steps Limited
Translated and reprinted under a licence agreement from the Publisher: In Easy Steps, 16
Hamilton Terrace, Holly Walk, Leamington Spa, Warwickshire, U.K. CV32 4LY

М15

МакГрат, Майк.
JavaScript для начинающих / Майк МакГрат ; [перевод с английского М. А. Райтмана]. — 6-е издание. — Москва : Эксмо, 2023. —
232 с. : ил. — (Мировой компьютерный бестселлер).
ISBN 978-5-04-121621-4
Цветное руководство по JavaScript для начинающих позволит в короткое время
освоить этот язык программирования и приступить к созданию красивых и функциональных сайтов. Вся информация представлена схематично и снабжена наглядными
примерами, а код и другие элементы, необходимые для обучения, читатели могут скачать и использовать совершенно бесплатно.
УДК 004.43
ББК 32.973.26-018.1

ISBN 978-5-04-121621-4

© Райтман М. А., перевод на русский язык, 2023
© Оформление. ООО «Издательство «Эксмо», 2023

Содержание

z

Введение в JavaScript

z

Распространенные операции

z

Управляющие конструкции в JavaScript

1

2

3

Знакомство с JS
Добавление JavaScript в HTML-документ
Вывод JavaScript
Структура кода
Избегайте ключевых слов
Хранение значений
Создание функций
Назначение функций
Область видимости
Замыкания
Заключение

Преобразование типов
Арифметические операторы
Операторы присваивания
Операторы сравнения
Логические операторы
Условный (тернарный) оператор
Побитовые операции
Приоритет операторов
Заключение

Ветвление с помощью оператора if
Альтернативное ветвление
Ветвление с помощью оператора switch
Цикл for
Цикл while
Цикл do..while
Выход из циклов
Обработка ошибок
Заключение

9
10
11
12
14
17
19
21
24
26
29
31

33
34
36
38
40
42
44
46
48
51

53
54
56
58
60
62
64
66
68
71

z

Управление объектами

z

Работа с числовыми и строковыми типами данных

z

Открытие окон и методы объекта window

4

5

6

Пользовательские объекты
Расширенные функции
Встроенные объекты
Создание массивов
Обход элементов в цикле
Методы управления элементами в массиве
Сортировка элементов массива
Получение даты
Получение календаря
Получение времени
Установка даты и времени
Сопоставление текста с шаблоном
Заключение

Вычисление площади
Сравнение чисел
Округление чисел
Генерация случайных чисел
Объединение строк
Разбиение строк
Поиск символов
Обрезка строк
Заключение

Введение в DOM
Свойства объекта window
Диалоговые окна
Прокрутка
Всплывающие окна
Создание таймера
Сведения о браузерах
Включение/отключение функций
Расположение
История
Заключение

73
74
76
78
81
83
86
88
90
92
95
97
99
102

105
106
108
110
112
114
117
119
121
123

125
126
128
130
132
135
137
139
141
144
146
148

z

Методы и свойства объекта document

z

Разработка веб-приложений

z

Написание скриптов

7

8

9

Работа с документом
Свойства интерфейса Document
Получение элементов
Работа с текстом
Управление файлами cookie
События загрузки
Ответ на события мыши
Генерация событий
Добавление переключателей
Добавление элементов выбора
Сброс формы
Проверка и отправка формы
Заключение

Введение в JSON
Промисы
Получение данных
Разработка интерфейса
Заполнение ячеек в таблице
Заполненная таблица
Обновление приложений
Заключение

Запрос данных
Встраиваемая векторная графика
Работа с холстами
Хранение данных
Перемещение элементов
Связь между объектами window
Местоположение пользователей
Заключение

Предметный указатель

151
152
154
156
158
161
163
166
168
170
172
174
177
179

181
182
184
187
189
192
194
196
199

201
202
204
207
209
211
214
216
219

221

Как пользоваться этой книгой
С помощью примеров вы узнаете, как использовать встроенные функции JavaScript, поддерживаемые современными веб-браузерами, а снимки
экрана проиллюстрируют результаты, полученные с помощью примеров
кода. Необходимые фрагменты кода выделены цветом.
цветом выделен 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

Чтобы избежать повторений, исходный код