Справочник JavaScript

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

Метод Math.round выполняет округление до ближайшего целого числа по правилам математического округле...

Метод Math.ceil производит округление дробного числа до целого всегда в большую сторону...

Метод Math.floor производит округление числа до целых всегда в меньшую сторону...

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

Метод toPrecision округляет число до заданного знака. В отличие от Math.round округление можно прово...

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

Метод Math.pow возводит число в заданную степень. Первым параметром передается число, вторым - в как...

Метод Math.max возвращает максимальное число из группы чисел, переданных в функцию. Если в функцию н...

Метод Math.min возвращает минимальное число из группы чисел, переданных параметрами. Если параметрам...

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

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

Метод getFullYear возвращает год, состоящий из 4-х цифр. Метод следует применять к объекту Date, см....

Метод getMonth возвращает текущий месяц. Нумерация месяцев начинаются с нуля, январь - 0, февраль -...

Метод getDate возвращает номер текущего дня месяца. Нумерация дней начинается с 1. Метод следует пр...

Метод getHours возвращает значение текущего часа (число от 0 до 23). Метод следует применять к объе...

Метод getMinutes возвращает текущее значение минут (число от 0 до 59). Метод следует применять к об...

Метод getSeconds возвращает текущее значение секунд (число от 0 до 59). Метод следует применять к о...

Метод getMilliseconds возвращает текущее значение миллисекунд (число от 0 до 999). Метод следует пр...

Метод getDay возвращает номер дня недели в виде числа от 0 до 6. Причем, воскресенье - это день ном...

Метод getTime возвращает количество миллисекунд, прошедших с полуночи 1 января 1970 года до заданно...

Метод Date.parse возвращает количество миллисекунд до даты переданной в параметре в виде строки фор...

Функция setInterval производит выполнение кода через указанный интервал времени. Первым параметром следует передавать функцию-коллбэк, а вторым - время в миллисекундах, указывающее, через какой промеж...

Функция setTimeout задает задержку перед выполнением кода. Первым параметром следует передавать функцию-коллбэк, вторым - время в миллисекундах, указывающее через какой промежуток начнет выполнятся ко...

Функция clearInterval останавливает таймер, заданный функцией setInterval. Функция принимает идентификатор того таймера, который нужно остановить. Идентификатор таймера возвращает функция setInterval...

Функция clearTimeout останавливает таймер, установленный функцией setTimeout. Функция принимает идентификатор того таймера, который нужно остановить. Идентификатор таймера возвращает метод setTimeout...

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

Метод toLowerCase производит преобразование строки в нижний регистр (из больших букв делает маленьки...

Метод toUpperCase производит преобразование строки в верхний регистр (из маленьких букв делает больш...

Метод split осуществляет разбиение строки в массив по указанному разделителю. Разделитель указывает...

Метод substr возвращает подстроку из строки (исходная строка при этом не изменяется). Первый параме...

Метод substring возвращает подстроку из строки (исходная строка при этом не изменяется). Первый пар...

Метод slice возвращает подстроку из строки (исходная строка при этом не изменяется). Первым парамет...

Метод concat соединяет указанные строки. Количество строк для объединения не ограниченно. По сути де...

Метод indexOf осуществляет поиск подстроки (указывается первым параметром) в строке. Метод вернет п...

Метод lastIndexOf осуществляет поиск подстроки (указывается первым параметром) в строке. Поиск веде...

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

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

Метод trim удаляет пробелы по краям строки. Чаще всего это нужно при вводе пользователем каких-либо ...

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

Метод charCodeAt возвращает код символа (числовое значение), стоящего на определенной позиции в стр...

Метод String.fromCharCode создает строку из указанных значений Юникода...

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

Метод concat сливает указанные массивы в один общий массив. Метод применяется к одному из массивов,...

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

Метод reverse изменяет порядок элементов в массиве на обратный. Метод изменяет исходный массив (он ...

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

Метод slice вырезает и возвращает указанную часть массива. Первым параметром указывается номер элем...

Метод splice удаляет или добавляет элементы в массив. Можно только удалять элементы, только добавля...

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

Метод pop удаляет последний элемент из массива. При этом исходный массив изменяется, а результатом м...

Метод unshift добавляет неограниченное количество новых элементов в начало массива. При этом исходны...

Метод push добавляет неограниченное количество элементов в конец массива. При этом исходный массив и...

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

Метод forEach позволяет последовательно перебрать все элементы массива. Метод в параметре получает ...

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

Метод every проверяет элементы массива в соответствии с переданной функцией. Эта функция передается...

Метод some проверяет элементы массива в соответствии с переданной функцией. Эта функция передается ...

Метод reduce сворачивает массив к одному значению (редуцирует). К примеру, с помощью reduce можно л...

Метод reduceRight работает точно так же как и reduce - смотрите его для полного понимания. Единствен...

Метод querySelector позволяет получить элемент страницы по произвольному селектору CSS. С полученным...

Метод querySelectorAll позволяет получить элементы страницы по произвольному селектору CSS. С получе...

Метод getElementById позволяет получить элемент страницы по его атрибуту id. С полученным элементом ...

Метод getElementsByTagName позволяет получить элементы страницы по имени тега. С полученными элемент...

Метод getElementsByClassName позволяет получить элементы страницы по их классу, заданному в атрибуте...

Метод closest ищет ближайший родительский элемент, подходящий под указанный CSS селектор, при этом с...

Метод matches позволяет проверить, удовлетворяет ли элемент указанному CSS селектору...

Метод contains позволяет проверить, содержит ли один элемент внутри себя другой. Параметром метода п...

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

Свойство childNodes хранит в себе псевдомассив дочерних узлов элемента (теги, комментарии и текстовые узлы)...

Свойство firstElementChild содержит первый дочерний элемент. Дочерними элементами считаются все теги, которые непосредственно расположены внутри блока. Если у элемента нет дочерних элементов - возвращ...

Свойство firstChild хранит первый дочерний узел элемента. Если у элемента нет дочерних элементов - возвращается null...

Свойство lastElementChild хранит в себе последний дочерний элемент. Дочерними элементами считаются все теги, которые непосредственно расположены внутри блока. Если у элемента нет дочерних элементов - ...

Свойство lastChild хранит последний узел элемента. Если у элемента нет дочерних элементов - возвращается null...

Свойство previousElementSibling содержит предыдущий элемент, находящийся в этом же родителе. Если такого элемента нет - возвращается null...

Свойство nextElementSibling содержит следующий элемент, находящийся в этом же родителе. Если такого элемента нет - возвращается null...

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

Свойство parentNode содержит родительский элемент. Существует также почти идентичное свойство parentElement. Отличия: для тега html свойство parentNode возвращает document, а parentElement возвращает...

Свойство rows хранит коллекцию строк tr. Может применяться как к таблице, так и к ее секциям tHead, tBodies, tFoot...

Свойство cells хранит коллекцию ячеек td и th строки tr. Применяется только к ряду таблицы...

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

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

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

Метод createElement позволяет создать новый элемент, передав в параметре имя тега. После создания с...

Метод cloneNode позволяет клонировать элемент и получить его точную копию. Эту копию затем можно вст...

Метод prepend позволяет вставить в начало какого-либо элемента другой элемент. Параметром метод принимает элемент, как правило созданный через createElement, либо строку. Можно добавить сразу нескольк...

Метод append позволяет вставить в конец какого-либо элемента другой элемент. Параметром метод принимает элемент, как правило созданный через createElement, либо строку. Можно добавить сразу несколько ...

Метод appendChild позволяет вставить в конец какого-либо другой элемент. Чаще всего используется после создания элемента с помощью createElement...

Метод insertBefore позволяет вставить элемент перед другим элементом. Чаще всего используется после создания элемента с помощью createElement. Метод применяется к родителю того элемента, перед которым...

Метод insertAdjacentElement позволяет вставить элемент в любое место страницы. Чаще всего используется после создания элемента с помощью createElement. Код вставляется относительно опорного элемента....

Метод insertAdjacentHTML позволяет вставить строку HTML кода в любое место страницы. Код вставляется относительно опорного элемента. Можно сделать вставку перед опорным элементом (способ вставки befor...

Метод insertAdjacentText позволяет вставить строку в любое место страницы. Строка вставляется относительно опорного элемента. Можно сделать вставку перед опорным элементом (способ вставки beforeBegin)...

Метод removeChild позволяет удалить элемент. Применяется к родительскому элементу с указанием элемента, который нужно удалить...

Метод remove позволяет удалить элемент. Применяется к тому элементу, который нужно удалить...

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

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

Свойство tagName содержит имя тега в верхнем регистре (большими буквами)...

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

Метод setAttribute позволяет изменить значение заданного атрибута какого-либо тега...

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

Метод hasAttribute проверяет наличие заданного атрибута у элемента. Если атрибут есть - выведет true, если нет - выведет false...

В языке HTML5 разрешено добавлять свои атрибуты тегам, при этом они должны начинаться с data-, а затем должно идти любое название атрибута, которое вам удобно. Если вы хотите обратиться к таким атриб...

Свойство classList содержит псевдомассив CSS классов элемента, а также позволяет добавлять и удалять классы элемента, проверять наличие определенного класса среди классов элемента. Речь идет об атриб...

Метод add объекта classList позволяет добавлять CSS классы элементу...

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

Метод toggle объекта classList чередует заданный CSS класс элемента: добавляет класс, если его нет и удаляет, если есть...

Метод contains объекта classList проверяет наличие CSS класса элемента...

Свойство cssText позволяет задать CSS стили массово одной строкой. При этом все содержимое атрибута style перезаписывается...

Функция getComputedStyle позволяет получить значение любого CSS свойства элемента, даже из CSS файла...

Свойство offsetWidth содержит полную ширину элемента (включает собственно ширину элемента, ширину гр...

Свойство offsetHeight содержит полную высоту элемента (включает собственно высоту элемента, высоту г...

Свойство clientLeft содержит ширину левой границы (значение border-left). Точнее clientLeft содержит...

Свойство clientTop содержит ширину верхней границы (значение border-top)...

Свойство clientWidth содержит ширину элемента внутри границ вместе с padding, но без border и прокру...

Свойство clientHeight содержит высоту элемента внутри границ вместе с padding, но без border и прокр...

Свойство offsetParent содержит ближайшего родителя, относительно которого происходит позиционирование элемента. Это будет либо ближайший родитель, у которого CSS свойство position не равно static, либ...

Свойство offsetTop содержит смещение элемента сверху относительно offsetParent. Содержит расстояние от offsetParent до границы элемента...

Свойство offsetLeft содержит левое смещение элемента относительно offsetParent. Содержит расстояние от offsetParent до границы элемента...

Метод getBoundingClientRect содержит объект координат элемента. Координаты рассчитываются относительного видимой части страницы без учета прокрутки (относительно окна). То есть как при свойстве posit...

Метод elemFromPoint возвращает элемент, который находится на указанных координатах относительно окна...

Метод addEventListener позволяет назначить на элемент обработчики событий. С его помощью, можно указ...

Метод removeEventListener позволяет удалить назначенный ранее через addEventListener обработчик собы...

События мыши Атрибут Описание click Произведен клик кнопкой мыши. ...

Команда new Event - конструктор событий, с помощью которого можно создать объект события, а затем в...

Метод dispatchEvent позволяет имитировать событие на элементе. Зачем это нужно: можно имитировать н...

Метод focus устанавливает фокус на элементе (чаще всего на инпуте). Это значит, что в этом инпуте на...

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

Метод event.preventDefault позволяет отменить действия браузера по умолчанию. Например, сделать так, чтобы при клике по ссылке не было перехода на другую страницу или по нажатию на кнопку форма не от...

Всплытие или погружение события по DOM-дереву можно прервать. Осуществляется это посредством вызова метода stopPropagation объекта event...

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

Свойство event.target содержит элемент, на котором сработало событие. Это не тот элемент, к которому был привязан обработчик этого события, а именно самый глубокий тег, на который непосредственно был,...

Свойство event.currentTarget содержит элемент, для которого было назначено событие. В отличие от event.target, это не самый глубокий тег, в котором случилось событие, а именно элемент, к которому оно ...

Свойство event.isTrusted - позволяет проверить реальное ли событие (вызвано действием пользователем) или же сымитировано на JavaScript с помощью метода dispatchEvent. Принимает значение либо true, либ...

Свойство event.ctrlKey позволяет узнать, нажата ли клавиша Ctrl во время события...

Свойство event.altKey позволяет узнать, нажата ли клавиша Alt во время события...

Свойство event.shiftKey позволяет узнать, нажата ли клавиша Shift во время события...

Свойство event.clientX содержит в себе координаты курсора мыши по оси X. Для определения координат есть также свойства event.clientY, event.pageX, event.pageY. Давайте посмотрим разницу между clientX...

Свойство event.clientY содержит в себе координаты курсора мыши по оси Y. Для определения координат есть также свойства event.clientX, event.pageX, event.pageY. Давайте посмотрим разницу между clientX...

Свойство event.pageX содержит в себе координаты курсора мыши по оси X. Для определения координат есть также свойства event.clientX, event.clientY, event.pageY. Давайте посмотрим разницу между clientX...

Свойство event.pageY содержит в себе координаты курсора мыши по оси Y. Для определения координат есть также свойства event.clientX, event.clientY, event.pageX. Давайте посмотрим разницу между clientX...

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

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

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