Кодови фрагменти 2025, Юли

Ако приемем, че имате елемент в DOM:

Вземете препратка към този DOM елемент: const el = document.querySelector ("# el"); Тогава ти"

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

Не всички браузъри поддържат всички атрибути на всички елементи. Има редица нови атрибути в HTML5, така че идеята да тествате, за да видите какъв вид браузър "

Обикновено клавишът tab се придвижва към следващото фокусиращо се нещо. Това вместо това вмъква знак за табулация. HTMLTextAreaElement.prototype.getCaretPosition = функция "

Пробел, което означава раздели и интервали. JavaScript за ванилия (изрязване и водене) var str = "abcdefg"; var newStr = str.trim (); // "а б В Г Д Е"

Нека strippedString = originalString.replace (/ (<(+)>) / gi, ""); CodePen Вграждане на резервен "

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

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

Вътрешно използване: Щракнете тук, за да превключите видимостта на елемент #foo Това е foo "

Техника # 1 функция Разбъркване (o) (за (var j, x, i = o.length; i; j = parseInt (Math.random () * i), x = o, o = o, o = x); връщане o;); Използване на var testArray "

Var someString = "Здравей, 123 World!"; newString = someString.replace (// g, ''); // console.log (newString); // "Здравей свят!";"

„mobile.html“ ще бъде заменено с местоположението, където и да се намира вашата мобилна версия. Тази техника може да бъде адаптирана за зареждане на алтернативен лист със стилове "

Елементите с атрибута contenteditable могат да бъдат редактирани на живо директно в прозореца на браузъра. Но разбира се тези промени не засягат действителния документ "

Ооо, това е умно! Захващам това от блога на Дейвид. const isRequired = () => (хвърляне на нова грешка ('param is required');); const здравей = (name = "

Var myArray =; var randomItem = myArray; Вижте писалката gLJPZv от Chris Coyier (@chriscoyier) в CodePen. "

Що се отнася до анимацията, ни казват, че setInterval е лоша идея. Защото, например, цикълът ще работи независимо от нещо друго, което се случва, "

Var origString = 'Честит танц7'; var trimmedString = origString.substring (0, origString.length-1); console.log (trimmedString); // "Честит танц" "

Тази функция също така запазва скрито съдържание. функция remove_style (всички) (var i = all.length; var j, is_hidden; // Презентационни атрибути. var attr =; "

По някаква причина елемент не може да се унищожи в JavaScript. jQuery има метод за това, което е хубаво, защото така мислим: "

Съставено от Svein Petter Gjøby: 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, но "

Опитайте (document.execCommand ("BackgroundImageCache", false, true);) catch (err) () "

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

Самоизвикване на анонимна функция, присвоена на глобалната променлива yournamespacechoice. Обслужва ефекта от запазване на всички функции и променливи частни за "

Изпълнявайте функция на всяка секунда: function myFunction () (// направете нещо) var int = setInterval (myFunction, 1000); Отмени го: clearInterval (int); "

АКТУАЛИЗАЦИЯ: Това е доста старо. Ако днес търсите изображения с мързеливо зареждане, препоръчвам ви да разгледате: Пълното ръководство за мързеливо зареждане на изображения.