Рассмотрим, как проверить наличие динамически добавленного элемента в DOM-дерево с помощью JavaScript. Чтобы проверить наличие динамически добавленного элемента в DOM, воспользуйтесь следующим кодом. <button type="button" class="btn">Проверить наличие элемента</button> С помощью jQuery. jQuery(($) => { $('.btn').on('click', () => {...
Сегодня будем стилизовать input type file. Т.к. стилизация тесно связана с обработкой input file на фронтенде, мы так же рассмотрим, как обработать выбранный файл и отправить на сервер. Скрипт будет работать для множества форм с возможностью не только...
Рассмотрим, как реализовать предзагрузку изображений на нативном JavaScript, jQuery, а так же при помощи rel="preload". Это может понадобиться, например, если картинки добавляются на страницу (в DOM) динамически. Чтобы страница не прыгала, и выглядело всё достойно, необходимо чтобы изображения...
Сегодня будем стилизовать скролл с помощью CSS для webkit браузеров (Google Chrome / Safari / Opera / Яндекс.Браузер) и Mozilla Firefox. А так же рассмотрим изменение скролла при помощи плагина mCustomScrollbar. Стилизация скролла: для Firefox; для остальных браузеров;...
Рассмотрим основные события форм: отправка формы, очистка полей, фокус элемента формы, потеря фокуса, события для input, select, checkbox и многое другое. submit - событие отправки формы; reset - очистка полей формы; valid - поля формы не валидны. Событие...
В данной статье мы разберём различные способы проверки состояния чекбоксов. Это необходимо для эффективной работы с элементами форм. Проверка checkbox на checked - метод .is() Проверка checkbox/radio на состояние (выбран/не выбран) - метод .prop() Отметить / снять checked...
Объект Window.location предоставляет информацию о текущем адресе страницы (URL), позволяет реализовать обновление (перезагрузку) страницы, перенаправление браузера на другой URL и многое другое. Объект Window.location содержит следующие свойства и методы. window.location.href window.location.hostname window.location.pathname window.location.protocol window.location.port window.location.assign() window.location.reload() window.location.replace() window.location.search...
Рассмотрим 4 способа, как преобразовать объект в массив при помощи JavaScript. Затем преобразуем массив в объект. Исходные данные. Пусть у нас есть объект (object). const populations = { russia: 146780, ukraine: 42153, belarus: 9475 } Нам необходимо преобразовать...
Сегодня вы научитесь определять мобильное устройство при помощи JavaScript. Затем реализуем это при помощи «mobile-detect.js». Он может также определять операционную систему и текущий браузер, используемый пользователем. Самый простой способ определить мобильное устройство с помощью JavaScript - это извлечь...
Нет больше статей для загрузки
