Полный цикл в digital

info@hmarketing.ru

Справочник JavaScript

JavaScript сборник рецептов — руководство по решению различных задач с примерами

ОСТАВИТЬ ЗАЯВКУ

Рассрочка на мои услуги

Оказываю услуги по договору

Бесплатная консультация 24/7

Математика Время Строки Массивы Выборка Манипуляции Элементы Размеры События ООП Показать все

Математика

Метод Math.random

случайное число

Метод Math.random возвращает случайное дробное...

Метод Math.round

округление числа

Метод Math.round выполняет округление до...

Метод Math.ceil

округление в большую сторону

Метод Math.ceil производит округление дробного...

Метод Math.floor

округление в меньшую сторону

Метод Math.floor производит округление числа до...

Метод toFixed

округление числа

Метод toFixed производит округление числа до...

Метод toPrecision

округление числа

Метод toPrecision округляет число до заданного...

Метод Math.sqrt

квадратный корень числа

Метод Math.sqrt возвращает квадратный корень...

Метод Math.pow

степень числа

Метод Math.pow возводит число в заданную степень.

Метод Math.max

максимальное число

Метод Math.max возвращает максимальное число из...

Метод Math.min

минимальное число

Метод Math.min возвращает минимальное число из...

Метод Math.abs

модуль числа

Метод Math.abs возвращает модуль числа, то есть...

Время

Объект Date

объект для работы даты

Объект Date - основной объект для работы с...

Метод getFullYear

год (4 цифры)

Метод getFullYear возвращает год, состоящий из...

Метод getMonth

Метод getMonth возвращает текущий месяц.

Метод getDate

день месяца

Метод getDate возвращает номер текущего дня...

Метод getHours

Метод getHours возвращает значение текущего часа...

Метод getMinutes

Метод getMinutes возвращает текущее значение...

Метод getSeconds

Метод getSeconds возвращает текущее значение...

Метод getMilliseconds

миллисекунды

Метод getMilliseconds возвращает текущее значение...

Метод getDay

день недели

Метод getDay возвращает номер дня недели в виде...

Метод getTime

дата в миллисекундах timestamp

Метод getTime возвращает количество миллисекунд...

Метод Date.parse

дата из строки

Метод Date.parse возвращает количество...

Таймеры

Функция setInterval

таймер выполнения кода

Функция setInterval производит выполнение кода...

Функция setTimeout

пауза при выполнении кода

Функция setTimeout задает задержку перед...

Функция clearInterval

сброс таймера

Функция clearInterval останавливает таймер...

Функция clearTimeout

сброс паузы

Функция clearTimeout останавливает таймер...

Строки

Свойство length

длина строки

Свойство length позволяет узнать длину строки.

Метод toLowerCase

нижний регистр

Метод toLowerCase производит преобразование...

Метод toUpperCase

верхний регистр

Метод toUpperCase производит преобразование...

Метод split

разбиение строки на массив

Метод split осуществляет разбиение строки в...

Метод substr

вырезание подстроки

Метод substr возвращает подстроку из строки...

Метод substring

вырезание подстроки

Метод substring возвращает подстроку из строки...

Метод slice

вырезание подстроки

Метод slice возвращает подстроку из строки...

Метод concat

объединение строк

Метод concat соединяет указанные строки.

Метод indexOf

поиск совпадений с начала

Метод indexOf осуществляет поиск подстроки...

Метод lastIndexOf

поиск совпадений с конца

Метод lastIndexOf осуществляет поиск подстроки...

Метод startsWith

проверка начала

Метод startsWith смотрите тут.

Метод endsWith

проверка конца

Метод endsWith смотрите тут.

Метод trim

удаление пробелов по краям

Метод trim удаляет пробелы по краям строки. Чаще...

Метод charAt

символ строки

Метод charAt возвращает символ, стоящий на...

Метод charCodeAt

символ по его коду

Метод charCodeAt возвращает код символа (числовое...

Метод String.fromCharCode

код символа

Метод String.fromCharCode создает строку из...

Массивы

Свойство массивов length

длина массива

Свойство length позволяет узнать и установить...

Метод массивов concat

слияние массивов вместе

Метод concat сливает указанные массивы в один...

Метод join

слияние массива в строку

Метод join объединяет элементы массива в строку с...

Метод reverse

переворот массива

Метод reverse изменяет порядок элементов в...

Метод массивов indexOf

поиск по массиву

Метод indexOf смотрите тут.

Метод массивов slice

отрезание части массива

Метод slice вырезает и возвращает указанную часть...

Метод splice

отрезание части массива

Метод splice удаляет или добавляет элементы в...

Метод shift

удаление первого элемента

Метод shift удаляет первый элемент из массива.

удаление последнего элемента

Метод pop удаляет последний элемент из массива.

Метод unshift

добавление элементов в начало

Метод unshift добавляет неограниченное количество...

Метод push

добавление элементов в конец

Метод push добавляет неограниченное количество...

перебор массива

Метод map позволяет применить заданную функцию...

Метод forEach

перебор массива

Метод forEach позволяет последовательно перебрать...

Метод filter

фильтрация массива

Метод filter позволяется отфильтровать элементы...

Метод every

все в массиве

Метод every проверяет элементы массива в...

Метод some

хотя бы один в массиве

Метод some проверяет элементы массива в...

Метод reduce

свертка к значению

Метод reduce сворачивает массив к одному значению...

Метод reduceRight

свертка к значению

Метод reduceRight работает точно так же как и...

Выборка

Метод querySelector

элемент по селектору

Метод querySelector позволяет получить элемент...

Метод querySelectorAll

элементы по селектору

Метод querySelectorAll позволяет получить...

Метод getElementById

элемент по id

Метод getElementById позволяет получить элемент...

Метод getElementsByTagName

элементы по тегу

Метод getElementsByTagName позволяет получить...

Метод getElementsByClassName

элементы по классу

Метод getElementsByClassName позволяет получить...

Метод closest

родитель по селектору

Метод closest ищет ближайший родительский...

Метод matches

соответствие селектору

Метод matches позволяет проверить, удовлетворяет...

Метод contains

проверка на вложенность

Метод contains позволяет проверить, содержит ли...

Получение родственников

Свойство children

все потомки элемента

Свойство children хранит в себе псевдомассив...

Свойство childNodes

дочерние узлы

Свойство childNodes хранит в себе псевдомассив...

Свойство firstElementChild

первый потомок

Свойство firstElementChild содержит первый...

Свойство firstChild

первый потомок узел

Свойство firstChild хранит первый дочерний узел...

Свойство lastElementChild

последний потомок

Свойство lastElementChild хранит в себе последний...

Свойство lastChild

последний потомок узел

Свойство lastChild хранит последний узел...

Свойство previousElementSibling

следующий элемент

Свойство previousElementSibling содержит...

Свойство nextElementSibling

предыдущий элемент

Свойство nextElementSibling содержит следующий...

Свойство parentElement

родительский элемент

Свойство parentElement содержит родительский...

Свойство parentNode

родительский узел

Свойство parentNode содержит родительский...

Части таблиц

Свойство rows

массив строк таблицы

Свойство rows хранит коллекцию строк tr. Может...

Свойство cells

массив ячеек таблицы

Свойство cells хранит коллекцию ячеек td и th...

Свойство tHead

thead таблицы

Свойство tHead хранит ссылку на thead...

Свойство tFoot

tfoot таблицы

Свойство tFoot хранит ссылку на tfoot...

Свойство tBodies

tbody таблицы

Свойство tBodies хранит массив всех tbody таблицы...

Манипуляции

Метод createElement

создание элемента

Метод createElement позволяет создать новый...

Метод cloneNode

клонирование узла

Метод cloneNode позволяет клонировать элемент и...

Вставка элементов

Метод prepend

вставка в начало

Метод prepend позволяет вставить в начало...

Метод append

вставка в конец

Метод append позволяет вставить в конец...

Метод appendChild

вставка в конец

Метод appendChild позволяет вставить в конец...

Метод insertBefore

вставка перед

Метод insertBefore позволяет вставить элемент...

Метод insertAdjacentElement

вставка элементов

Метод insertAdjacentElement позволяет вставить...

Метод insertAdjacentHTML

вставка HTML кода

Метод insertAdjacentHTML позволяет вставить...

Метод insertAdjacentText

вставка текста

Метод insertAdjacentText позволяет вставить...

Удаление

Метод removeChild

удаление узлов

Метод removeChild позволяет удалить элемент.

Метод remove

удаление

Метод remove позволяет удалить элемент.

Элементы

Текст и тег

Свойство innerHTML

текст элемента

Свойство innerHTML позволяет получить и изменить...

Свойство outerHTML

текст элемента с тегом

Свойство outerHTML позволяет получить и изменить...

Свойство tagName

название тега

Свойство tagName содержит имя тега в верхнем...

Атрибуты

Метод getAttribute

получение атрибутов элемента

Метод getAttribute считывает значение заданного...

Метод setAttribute

изменение атрибутов элемента

Метод setAttribute позволяет изменить значение...

Метод removeAttribute

удаление атрибутов элемента

Метод removeAttribute удаляет заданный атрибут у...

Метод hasAttribute

проверка наличия атрибута

Метод hasAttribute проверяет наличие заданного...

Свойство dataset

атрибуты data-

В языке HTML5 разрешено добавлять свои атрибуты...

CSS классы

Свойство classList

объект с классами

Свойство classList содержит псевдомассив CSS...

Метод add объекта classList

добавление классов

Метод add объекта classList позволяет добавлять...

Метод remove объекта classList

удаление классов

Метод remove объекта classList удаляет заданный...

Метод toggle

чередование классов

Метод toggle объекта classList чередует заданный...

Метод contains для CSS

проверка классов

Метод contains объекта classList проверяет...

Работа с CSS

Свойство cssText

стиль одной строкой

Свойство cssText позволяет задать CSS стили...

Функция getComputedStyle

стиль из CSS

Функция getComputedStyle позволяет получить...

Размеры

Свойство offsetWidth

полная ширина

Свойство offsetWidth содержит полную ширину...

Свойство offsetHeight

полная высота

Свойство offsetHeight содержит полную высоту...

Свойство clientLeft

левая граница

Свойство clientLeft содержит ширину левой границы...

Свойство clientTop

верхняя граница

Свойство clientTop содержит ширину верхней...

Свойство clientWidth

ширина содержимого

Свойство clientWidth содержит ширину элемента...

Свойство clientHeight

высота содержимого

Свойство clientHeight содержит высоту элемента...

Смещения

Свойство offsetParent

родитель с позиционированием

Свойство offsetParent содержит ближайшего...

Свойство offsetTop

смещение сверху

Свойство offsetTop содержит смещение элемента...

Свойство offsetLeft

смещение слева

Свойство offsetLeft содержит левое смещение...

Метод getBoundingClientRect

координаты элемента

Метод getBoundingClientRect содержит объект...

Метод elemFromPoint

элемент на координатах

Метод elemFromPoint возвращает элемент, который...

События

Метод addEventListener

привязка событий

Метод addEventListener позволяет назначить на...

Метод removeEventListener

удаление событий

Метод removeEventListener позволяет удалить...

Типы событий в JavaScript

список типов событий

События мыши...

Команда new Event

конструктор событий

Команда new Event - конструктор событий, с...

Метод dispatchEvent

имитация события

Метод dispatchEvent позволяет имитировать событие...

Метод focus

установить фокус

Метод focus устанавливает фокус на элементе (чаще...

Метод blur

снять фокус

Метод blur снимает фокус с...

Объект Event

Метод event.preventDefault

отмена действия по умолчанию

Метод event.preventDefault позволяет отменить...

Метод event.stopPropagation

прерывает всплытие или погружение

Всплытие или погружение события по DOM-дереву...

Свойство event.type

тип события

Свойство event.type содержит тип произошедшего...

Свойство event.target

элемент, на котором событие сработало

Свойство event.target содержит элемент, на...

Свойство event.currentTarget

элемент, на который назначили событие

Свойство event.currentTarget содержит элемент...

Свойство event.isTrusted

настоящее ли событие

Свойство event.isTrusted - позволяет проверить...

Свойство event.ctrlKey

нажат ли Ctrl

Свойство event.ctrlKey позволяет узнать, нажата...

Свойство event.altKey

нажат ли Alt

Свойство event.altKey позволяет узнать, нажата ли...

Свойство event.shiftKey

нажат ли Shift

Свойство event.shiftKey позволяет узнать, нажата...

Свойство event.clientX

координаты мыши

Свойство event.clientX содержит в себе координаты...

Свойство event.clientY

координаты мыши

Свойство event.clientY содержит в себе координаты...

Свойство event.pageX

координаты мыши

Свойство event.pageX содержит в себе координаты...

Свойство event.pageY

координаты мыши

Свойство event.pageY содержит в себе координаты...

ООП

Метод call

вызов функции с контекстом

Метод call позволяет вызвать функцию с заданным...

Метод apply

вызов функции с контекстом

Метод apply позволяет вызвать функцию с заданным...

Метод bind

привязка контекста

Метод bind привязать контекст к функции. В...

Наверх

Заполните форму уже сегодня!

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

Оставить заявку

Заказать звонок

Приложи файл или ТЗ

Работаем по будням с 9:00 до 18:00. Заявки, отправленные в выходные, обрабатываем в первый рабочий день до 12:00.

Спасибо, ваш запрос принят и будет обработан!