JavaScript Примеры

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

Что умеет 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

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

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

Объекты 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 возвращает число) Бесконечность возвращается, если вы вычисляете число вне максимально возможное число При делении на ноль также генерируется бесконечность Бесконечность - это число (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

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

Случайный JavaScript

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

Даты JavaScript

Используйте 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() Узнайте, является ли переменная массивом Узнать, является ли переменная датой

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

Логические значения JavaScript

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

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

Сравнение JavaScript

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

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

Оператор if Оператор else Оператор else if Случайная ссылка Оператор переключения

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

Циклы JavaScript

Цикл For Зацикливание массива Циклическое переключение заголовков HTML Цикл пока Выполнить цикл while Разорвать цикл Прервать и продолжить цикл Используйте оператор for ... in для перебрать элементы объект

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

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

Оператор try ... catch Оператор try ... catch с окно подтверждения Событие onerror

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

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

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

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

Объекты JavaScript

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

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

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

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

JS Учебник

JS Версии

JS Объекты

JS Функции

JS Классы

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

JS HTML DOM

JS Браузер BOM

JS Веб APIы

JS AJAX

JS JSON

JS или jQuery

JS Графика

JS Примеры

JS Рекомендация

JavaScript Примеры

Что умеет JavaScript?

Куда вставить JavaScript

Вывод JavaScript

Синтаксис JavaScript

Заявления JavaScript

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

Переменные JavaScript

Арифметика JavaScript

Назначение JavaScript

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

Типы данных JavaScript

Объекты JavaScript

Функции JavaScript

События JavaScript

Строки JavaScript

Числа JavaScript

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

Математика JavaScript

Случайный JavaScript

Даты JavaScript

Массивы JavaScript

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

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

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

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

Логические значения JavaScript

Сравнение JavaScript

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

Циклы JavaScript

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

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

Объекты JavaScript

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

Отправить сообщение

Форма отправки:

Спасибо Вам за то, что помогаете!

Связаться с отделом продаж

Сообщить об ошибке

Учебники

Справочники

Примеры

Сертификаты