ЛУЧШИЙ САЙТ ДЛЯ ВЕБ-РАЗРАБОТЧИКОВ
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP КАК СДЕЛАТЬ W3.CSS JQUERY XML JAVA БОЛЬШЕ 🔍 ◑ КНИГИ СПРАВОЧНИКИ УПРАЖНЕНИЯ

JS Учебник

JS Старт JS Интро JS Установка JS Вывод JS Инструкции JS Синтаксис JS Комментарии JS Переменные JS Ключевое слово Let JS Ключевое слово Const JS Операторы JS Арифметические JS Присваивание JS Типы данных JS Функции JS Объекты JS События JS Строки JS Строковые методы JS Строковый поиск JS Строковые шаблоны JS Числа JS Числовые методы JS Массивы JS Методы массива JS Сортировка массива JS Итерация массива JS Массив Const JS Даты JS Форматы дат JS Методы получения дат JS Методы установки дат JS Математические JS Рандомные JS Булевы JS Сравнения JS Условия JS Switch JS Цикл For JS Цикл For In JS Цикл For Of JS Цикл While JS Break и Continue JS Итерации JS Наборы JS Карты JS Typeof JS Преобразование типов JS Побитовые JS Регулярные выражения JS Ошибки JS Область действия JS Хостинг JS Use Strict JS Ключевое слово this JS Функция стрелки JS Классы JS JSON JS Отладка JS Гид по стилю JS Лучшие практики JS Распространенные ошибки JS Производительность JS Зарезервированные слова

JS Версии

JS Версии JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE/Edge JS История

JS Объекты

Определения объектов Свойства объекта Методы объекта Отображение объекта Доступ к объектам Конструкторы объектов Прототипы объектов Итерируемые объекты Наборы объектов Карты объектов Справочник объектов

JS Функции

Определения функций Параметры функции Обращение к функции Вызов функции Применение функции Закрытие функции

JS Классы

Введение Наследование класса Статические методы

JS Асинхронный

Обратные вызовы Асинхронный Промисы Async/Await

JS HTML DOM

DOM Введение DOM Методы DOM Документ DOM Элементы DOM HTML DOM Формы DOM CSS DOM Анимация DOM События DOM Слушатель событий DOM Навигация DOM Узлы DOM Коллекции DOM Список узлов

JS Браузер BOM

JS Окно JS Скрин JS Локация JS История JS Навигатор JS Всплывающее оповещение JS Тайминг JS Куки

JS Веб API

Веб API Интро Веб-формы API Веб-история API Веб-хранилище API Веб-воркер API Web Fetch API Веб-геолокация API

JS AJAX

AJAX Интро AJAX XMLHttp AJAX Запрос AJAX Отклик AJAX XML Файл AJAX PHP AJAX ASP AJAX База данных AJAX Приложения AJAX Примеры

JS JSON

JSON Введение JSON Синтаксис JSON и XML JSON Типы данных JSON Анализ JSON Stringify JSON Объекты JSON Массивы JSON Сервер JSON PHP JSON HTML JSON JSONP

JS и jQuery

jQuery Селекторы jQuery HTML jQuery CSS jQuery DOM

JS Графика

JS Графика JS Canvas JS Plotly JS Chart.js JS Google Диаграмма JS D3.js

JS Примеры

JS Примеры JS HTML DOM JS HTML Input JS HTML Объекты JS HTML События JS Браузер JS Редактор JS Упражнения JS Викторина JS Сертификат

JS Справочники

JavaScript Объекты HTML DOM Объекты

JavaScript. W3Schools на русском. Уроки для начинающих

En Ua

JavaScript Примеры

❮ Prev Next ❯

Что может JavaScript?

JavaScript может изменить содержимое HTML JavaScript может изменять атрибуты HTML JavaScript может изменить стиль CSS JavaScript может скрывать элементы HTML JavaScript может отображать скрытые элементы HTML

Объяснение примеров

Где вставить JavaScript

JavaScript в <head> JavaScript в <body> JavaScript во внешнем файле JavaScript во внешнем URL JavaScript во внешней папке

Объяснение примеров

Вывод JavaScript

Запись в вывод HTML Запись в элемент HTML Запись в окно оповещения Запись в консоль браузера

Объяснение примеров

JavaScript Синтаксис

JavaScript инструкции JavaScript числа JavaScript строки JavaScript переменные JavaScript операторы JavaScript присваивание JavaScript выражения (с использованием констант) JavaScript выражения (с использованием строки) JavaScript выражеия (с использованием переменных) JavaScript ключевые слова JavaScript комментарии JavaScript чувствителен к регистру

Объяснение примеров

JavaScript Инструкции

JavaScript инструкции — это команды для браузера. JavaScript код представляет собой последовательность инструкций JavaScript инструкции разделяются точкой с запятой Допускается несколько инструкций в одной строке JavaScript инструкции могут быть сгруппированы в блоки кода Вы можете разбить строку кода после инструкции или запятой

Объяснение примеров

JavaScript Комментарии

Однострочные комментарии Однострочные комментарии в конце строки Многострочные комментарии Однострочный комментарий для предотвращения выполнения Многострочный комментарий для предотвращения выполнения

Объяснение примеров

JavaScript Переменные

JavaScript переменные JavaScript переменные как алгебра JavaScript числа и строки JavaScript ключевое слово var Объявление многих переменных в одной инструкции Объявление многих переменных многострочными Переменная без значения возвращает значение undefined Повторное объявление переменной не уничтожит значение Добавление JavaScript чисел Добавление JavaScript строк Добавление строк и чисел

Объяснение примеров

JavaScript Арифметика

Оператор сложения (+) Оператор вычитания (-) Оператор умножения (*) Оператор деления (/) Оператор модуля (%) Оператор инкремента (++) Оператор декремента (--)

Объяснение примеров

JavaScript Присваивание

Оператор присваивания = Оператор присваивания += Оператор присваивания -= Оператор присваивания *= Оператор присваивания /= Оператор присваивания %=

Объяснение примеров

JavaScript Конкатенация строк

Сложение двух строк вместе с помощью оператора конкатенации (+) Добавление двух строк вместе с пробелом в первой строке Добавление двух строк вместе с пробелом между ними Сложение двух строк вместе с использованием оператора += Добавление строк и чисел

Объяснение примеров

JavaScript Типы данных

Объявить (создать) строки Объявить (создать) числа Объявить (создать) массив Объявить (создать) объект Найти тип переменной Добавление двух чисел и строки Добавление строки и двух чисел Неопределенная переменная Пустая переменная

Data types Explained

JavaScript Объекты

Создать JavaScript переменную Создать JavaScript объект Создать объект человека (одна строка) Создайте объект человека (несколько строк) Доступ к свойствам объекта с помощью .property Доступ к свойствам объекта с помощью [property] Доступ к свойству функции как к методу Доступ к свойству функции как к свойству

Объяснение примеров

JavaScript Функции

Простая функция Функция с аргументом Функция с аргументом 2 Функция, которая возвращает значение Функция, которая переводит градусы Фаренгейта в градусы Цельсия Вызов функции без ()

Объяснение примеров

JavaScript События

Событие onclick изменяет элемент HTML Событие onclick изменяет свой собственный элемент Событие onclick вызывает функцию

Объяснение примеров

JavaScript Строки

Строки могут быть записаны в одинарных или двойных кавычках Показать несколько примеров строк Обратная косая черта перед кавычками принимает кавычки как кавычки Найти длину строки Вы можете разбить текстовую строку с помощью обратной косой черты Вы не можете сломать код с помощью обратной косой черты Найти позицию первого вхождения текста в строку - indexOf() Поиск текста в строке и возврат текста, если он найден - match() Заменить символы в строке - replace() Преобразование строки в верхний регистр - toUpperCase() Преобразовать строку в нижний регистр - toLowerCase() Разделить строку на массив - split()

Объяснение примеров

JavaScript Числа

Числа можно записывать с десятичными знаками или без них Очень большие или очень маленькие числа могут быть записаны в экспоненциальной записи Номер считается точным только до 15 цифр Арифметика с плавающей запятой не всегда точна на 100% Но это помогает умножать и делить на 10 Добавление двух чисел приводит к новому числу Добавление двух числовых строк приводит к объединенной строке Добавление числа и числовой строки также приводит к объединенной строке Добавление числовой строки и числа также приводит к объединенной строке Распространенная ошибка при добавлении строк и чисел 1 Распространенная ошибка при добавлении строк и чисел 2 JavaScript попытается преобразовать строки в числа при делении JavaScript попытается преобразовать строки в числа при умножении JavaScript попытается преобразовать строки в числа при вычитании JavaScript НЕ будет преобразовывать строки в числа при добавлении Число, разделенное строкой, равно NaN (не число) Число, разделенное числовой строкой, является числом Глобальная функция JavaScript isNaN() возвращает значение, если значение — число Использование NaN в математической операции всегда будет возвращать NaN Использование NaN в математической строковой операции приведет к конкатенации NaN NaN (не число) — это число ( Да! typeof NaN возвращает число) Бесконечность возвращается, если вы вычисляете число за пределами максимально возможное число Деление на ноль также дает бесконечность Infinity — это число (typeof Infinity возвращает число) Константы, которым предшествует 0x, интерпретируются как шестнадцатеричные Метод toString() может выводить числа в шестнадцатеричном формате, восьмеричное и двоичное Числа могут быть объектами Числа и объекты нельзя безопасно сравнивать Объекты и объекты нельзя безопасно сравнивать

Объяснение примеров

JavaScript Числовые методы

Метод toString() преобразует число в строку Метод valueOf() возвращает число как число toExponential() возвращает число в экспоненциальном представлении Метод toFixed() округляет число до количества цифр Метод toPrecision() число, записанное с указанием длины Глобальный метод Number() преобразует переменные в числа Глобальный метод Number() может даже преобразовывать даты к числам Глобальный метод parseInt() преобразует строки в числа Глобальный метод parseFloat() преобразует строки в числа MAX_VALUE возвращает максимально возможное число в JavaScript MIN_VALUE возвращает наименьшее возможное число в JavaScript POSITIVE_INFINITY представляет бесконечность При переполнении возвращается POSITIVE_INFINITY NEGATIVE_INFINITY представляет отрицательную бесконечность При переполнении возвращается NEGATIVE_INFINITY NaN представляет "не число" Арифметические действия над строкой приведут к NaN Использование свойства Number для переменной вернёт значение undefined

Объяснение примеров

JavaScript Математика

Math.PI возвращает значение PI Math.round(x) возвращает округленное значение x Math.pow(x, y) возвращает значение x в степени y Math.sqrt(x) возвращает квадратный корень из x Math.abs(x) возвращает абсолютное (положительное) значение x Math.ceil(x) возвращает значение x, округленное в большую сторону Math.floor(x) возвращает значение x, округленное в меньшую сторону Math.sin(x) возвращает грех угла x (в радианах) Math.cos(x) возвращает косинус угла x (в радианах) Math.max() возвращает число с наибольшим значением из списка аргументов Math.min() для возврата числа с наименьшим значением из списка аргументов Преобразование Цельсия в Фаренгейта

Объяснение примеров

JavaScript Random (Случайные числа)

Math.random() возвращает случайное число от 0 (включительно) до 1 (исключено) Как вернуть случайное целое число от 0 до 9 (включая оба) Как вернуть случайное целое число от 0 до 10 (включая оба) Как вернуть случайное целое число от 0 до 99 (включая оба значения) Как вернуть случайное целое число от 0 до 100 (включая оба значения) Как вернуть случайное целое число от 1 до 10 (включая оба значения) Как вернуть случайное целое число от 1 до 100 (включая оба значения) Как вернуть случайное целое число между x (включено) и y (исключено) Как вернуть случайное целое число между x и y (оба включены)

Объяснение примеров

JavaScript Dates

Используйте Date() для отображения сегодняшней даты и времени Используйте getFullYear() для отображения года Используйте getTime() для расчета количества миллисекунд с 1970 года Используйте setFullYear() для установки конкретной даты Используйте toUTCString() для преобразования сегодняшней даты (согласно в UTC) в строку Используйте getDay() для отображения дня недели в виде числа Используйте getDay() и массив для отображения дня недели как название Отображение часов

Объяснение примеров

JavaScript Массивы

Создайте массив I Создайте массив II Доступ к элементу массива Изменить элемент массива Доступ к полному массиву Найти длину массива Перебор массива Добавить элемент в массив Добавить неопределенные "дыры" в массив Как распознать массив I Как распознать массив II

Объяснение примеров

JavaScript Методы массива

Добавить элемент в массив Удалить последний элемент массива - pop() Объединить все элементы массива в строку - join() Объединить два массива - concat() Объединить три массива - concat() Добавить элемент в позицию 2 в массиве — splice() Преобразование массива в строку — toString() Добавить новые элементы в начало массива — unshift() Удалить первый элемент массива - shift() Выбрать элементы из массива - slice()

Объяснение примеров

JavaScript Сортировка массива

Отсортировать массив в порядке возрастания Сортировка массива по убыванию Сортировать массив чисел по возрастанию Сортировать массив чисел по убыванию Сортировка чисел (в алфавитном или числовом порядке) Сортировка чисел массива в случайном порядке Найти наименьшее число в массиве Найти наибольшее число в массиве Найти наименьшее число в массиве с помощью Math.min() Найти наибольшее число в массиве с помощью Math.max() Использование самодельного метода myArrayMin Использование самодельного метода myArrayMax Сортировка объектов по числовым свойствам Сортировка объектов по строковым свойствам

Объяснение примеров

JavaScript Итерация массива

Array.forEach() Array.map() Array.filter() Array.reduce() Array.reduceRight() Array.every() Array.some() Array.indexOf() Array.lastIndexOf() Array.find() Array.findIndex()

Объяснение примеров

JavaScript Преобразование типов

Показать тип всех типов переменных Отобразить конструктор всех типов переменных Преобразование числа в строку с помощью String() Преобразование числа в строку с помощью toString() Узнать, является ли переменная массивом Узнать, является ли переменная датой

Type Conversion Explained

JavaScript Булевы (логические значения)

Отображение значения логического значения (10 > 9) Показать значение 10 > 9 Все, что имеет реальное значение, true Нулевое логическое значение равно false Булево значение минус ноль равно false Булево значение пустой строки равно false Булево значение undefined равно false Булево значение null равно false Булево значение false равно false Булево значение NaN равно false

Объяснение примеров

JavaScript Сравнения

Присвоить x значение 5 и отобразить значение (x == 8) Присвоить x значение 5 и отобразить значение (x == 5) Присвоить x значение 5 и отобразить значение (x === 5) Присвоить x значение 5 и отобразить значение (x === "5") Присвоить x значение 5 и отобразить значение (x != 8) Присвоить x значение 5 и отобразить значение (x !== 5) Присвоить x значение 5 и отобразить значение (x !== "5") Присвоить x значение 5 и отобразить значение (x > 8) Присвоить x значение 5 и отобразить значение (x < 8) Присвоить x значение 5 и отобразить значение (x >= 8) Присвоить x значение 5 и отобразить значение (x <= 8)

Объяснение примеров

JavaScript Условные выражения

Инструкция if Инструкция else Инструкция else if Random ссылка Инструкция Switch

Объяснение примеров

JavaScript Циклы

Цикл For Зацикливание массива Перебор заголовков HTML Цикл While Цикл Do While Цикл Break Цикл Break and continue Используйте оператор for...in для перебора элементов объекта

Объяснение примеров

JavaScript Обработка ошибок

Инструкция try...catch Инструкция try...catch с полем подтверждения Событие onerror

Объяснение примеров

JavaScript Регулярные выражения

Поиск выражения в строке Поиск выражения и замена

Объяснение примеров

JavaScript Объекты

Создание переменной JavaScript Создание объекта JavaScript Создание объекта JavaScript (одна строка) Создание объекта JavaScript (несколько строк) Создание объекта JavaScript с помощью new Создание объектов JavaScript с помощью конструктора Создание встроенных объектов JavaScript Лучший способ создания переменных JavaScript Объекты JavaScript изменяемы

Объяснение примеров

JavaScript Свойства объекта

Доступ к свойствам с помощью .property Доступ к свойствам с помощью [property] Доступ к свойствам с помощью for in Добавление новых свойств к существующим объектам Удаление свойств из объектов

Объяснение примеров

JSON Объекты

Доступ к свойствам с помощью .property Доступ к свойствам с помощью [property] Перебор свойств Перебор значений свойств Доступ к вложенным объектам JSON Изменить значения с помощью записи через точку Измените значения, используя скобки Удалить свойства объекта

Объяснение примеров

JSON Массивы

Доступ к значениям массива Перебор массива с помощью for-in Перебор массива с помощью for Доступ к вложенным массивам JSON Изменить значения массива Удалить элементы массива

Объяснение примеров

JSON Анализ (парсинг)

Использовать синтаксический анализ JSON Использование синтаксического анализа JSON в примере AJAX Использование синтаксического анализа JSON в массиве Даты анализа Парсинг дат с помощью функции reviver Функции парсинга

Объяснение примеров

JSON Stringify (строкование)

Использовать строкование JSON Использовать строкование JSON для массива Строковые даты Строковые функции Строковые функции с использованием метода toString()

Объяснение примеров

JSON PHP

Получить JSON из файла php Получить массив JSON из php Получить JSON из базы данных Перебрать результат из базы данных Отправить JSON методом POST

Объяснение примеров

JSON HTML

Создайте HTML-таблицу на основе данных JSON Создайте динамическую HTML-таблицу Создайте раскрывающийся список HTML на основе данных JSON

Объяснение примеров

JSON JSONP

Простой пример JSONP Создайте тег динамического скрипта Пример JSONP с динамическим результатом Пример JSONP с функцией обратного вызова

Объяснение примеров

❮ Prev Next ❯