Фрагменты кода 2025, Январь

Предположим, у вас есть элемент в DOM:

Получите ссылку на этот элемент DOM: const el = document.querySelector ("# el"); Затем вы"

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

Не все браузеры поддерживают все атрибуты для всех элементов. В HTML5 есть ряд новых атрибутов, поэтому идея тестирования, чтобы увидеть, что это за браузер "

Обычно клавиша табуляции перемещается к следующему объекту, на котором можно сфокусироваться. Вместо этого вставляется символ табуляции. HTMLTextAreaElement.prototype.getCaretPosition = function "

Пробелы, означающие табуляции и пробелы. Стандартный JavaScript (обрезать начало и конец) var str = "abcdefg"; var newStr = str.trim (); // "abcde f"

Пусть strippedString = originalString.replace (/ (<(+)>) / gi, ""); CodePen Embed Fallback "

HTML5 перетаскивание отлично подходит для обработки загрузки файлов. Но если это единственное, для чего вы его используете, было бы неплохо узнать, есть ли какой-либо конкретный перетаскивающий элемент "

Var isMSIE = / * @ cc_on! @ * / 0; if (isMSIE) (// делаем специфичные для IE вещи) else (// делаем не специфичные для IE вещи) "

Встроенное использование: нажмите здесь, чтобы включить видимость элемента #foo This is foo "

Метод №1: функция Shuffle (o) (for (var j, x, i = o.length; i; j = parseInt (Math.random () * i), x = o, o = o, o = x); return o;); Использование var testArray "

Var someString = "Привет, мир 123!"; newString = someString.replace (// g, ''); // console.log (newString); // "Привет, мир!";"

"mobile.html" будет заменен на местоположение вашей мобильной версии. Этот метод может быть адаптирован для загрузки альтернативной таблицы стилей "

Элементы с атрибутом contenteditable можно редактировать прямо в окне браузера. Но, конечно, эти изменения не влияют на сам документ "

Ооо, это умно! Я взял это из блога Дэвида. const isRequired = () => (throw new Error ('param is required');););); const hello = (name = "

Var myArray =; var randomItem = myArray; См. Pen gLJPZv Криса Койера (@chriscoyier) на CodePen ".

Когда дело доходит до анимации, нам говорят, что setInterval - плохая идея. Потому что, например, цикл будет выполняться независимо от того, что происходит, "

Var origString = 'Happy Dance7'; var trimmedString = origString.substring (0, origString.length-1); console.log (trimmedString); // "Счастливый танец" "

Эта функция также сохраняет скрытый контент. function remove_style (all) (var i = all.length; var j, is_hidden; // Презентационные атрибуты. var attr =; "

По какой-то причине элемент не может уничтожить себя в JavaScript. В jQuery есть метод для этого, что приятно, потому что мы так думаем: "

Составлено Свейном Петтером Гьёби: const array =; // Метод 1: Использование Set const unique =; // Метод 2: Array.prototype.reduce const unique = "

Window.location = "https: //" + window.location.hostname + window.location.pathname + window.location.search; Вы можете проверить, работает ли window.location.href "

Вы когда-нибудь видели этот материал CDATA в JavaScript и задавались вопросом, для чего он нужен? Это сделано для того, чтобы валидатор не прочитал этот код как разметку и не смог "

Вот быстрый пример (есть и версия PHP): var randomColor = Math.floor (Math.random () * 16777215) .toString (16); Посмотрите, как перо генерирует новый случайный шестнадцатеричный цвет »

В PHP есть хорошая функция print_r для вывода информации о переменной на экран. console.log () отлично подходит для этого и в JavaScript, но "

Try (document.execCommand ("BackgroundImageCache", false, true);) catch (err) () "

Демо Сагара Ганатры "

Самозапускающаяся анонимная функция, назначенная глобальной переменной yournamespacechoice. Сохраняет все функции и переменные закрытыми для "

Выполнять функцию каждую секунду: function myFunction () (// что-то делаем) var int = setInterval (myFunction, 1000); Отменить: clearInterval (int); "

ОБНОВЛЕНИЕ: это довольно старое. Если в наши дни вы хотите отложить загрузку изображений, я бы порекомендовал посмотреть: The Complete Guide to Lazy Loading Images A Native "