Kodavsnitt 2025, September

Förutsatt att du har ett element i DOM:

Få en referens till det DOM-elementet: const el = document.querySelector ("# el"); Sen du"

Test av användaragenter är suga, men ibland behöver du det för subtila saker. I mitt fall använde jag det för att justera det jag visade för kortkommandon "

Inte alla webbläsare stöder alla attribut på alla element. Det finns ett antal nya attribut i HTML5, så idén att testa för att se vilken typ av webbläsare "

Normalt flyttar tabbtangenten till nästa fokuserade sak. Detta infogar istället ett tabbtecken. HTMLTextAreaElement.prototype.getCaretPosition = funktion "

Mellanslag, vilket betyder flikar och mellanslag. Vanilj JavaScript (Trim Leading and Trailing) var str = "abcdefg"; var newStr = str.trim (); // "abcde f"

Låt strippedString = originalString.replace (/ (<(+)>) / gi, ""); CodePen Bädda in fallback "

HTML5 dra och släpp är bra för att hantera filöverföringar. Men om det är det enda du använder det till, är det trevligt att veta om någon speciell dragenter "

Var isMSIE = / * @ cc_on! @ * / 0; om (isMSIE) (// gör IE-specifika saker) annat (// gör icke IE-specifika saker) "

Inline-användning: Klicka här för att växla mellan elementets synlighet #foo This is foo "

Teknik # 1-funktion Blanda (o) (för (var j, x, i = o.längd; i; j = parseInt (Math.random () * i), x = o, o = o, o = x); returnera o;); Användning var testArray "

Var someString = "Hello 123 World!"; newString = someString.replace (// g, ''); // console.log (newString); // "Hej världen!";"

"mobile.html" skulle ersättas med var din mobilversion finns. Denna teknik kan anpassas för att ladda ett alternativt formatmall "

Element med attributet contenteditable kan redigeras direkt i webbläsarfönstret. Men naturligtvis påverkar inte dessa ändringar själva dokumentet "

Ooo det här är smart! Jag hakar på det här från Davids blogg. const isRequired = () => (kasta nytt fel ('param krävs');); const hej = (namn = "

Var myArray =; var randomItem = myArray; Se pennan gLJPZv av Chris Coyier (@chriscoyier) på CodePen. "

När det gäller animering får vi veta att setInterval är en dålig idé. Eftersom slingan till exempel körs oavsett vad som händer, "

Var origString = 'Happy Dance7'; var trimmedString = origString.substring (0, origString.length-1); console.log (trimmedString); // 'Happy Dance' "

Denna funktion bevarar också dolt innehåll. funktion remove_style (all) (var i = all.length; var j, is_hidden; // Presentationsattribut. var attr =; "

Oavsett anledning kan ett element inte förstöra sig själv i JavaScript. jQuery har en metod för detta, vilket är trevligt eftersom det är så vi tänker: "

Sammanställt av Svein Petter Gjøby: const array =; // Metod 1: Använda en uppsättning const unik =; // Metod 2: Array.prototype.reduce const unique = "

Window.location = "https: //" + window.location.hostname + window.location.pathname + window.location.search; Du kanske vill testa om window.location.href "

Har du någonsin sett de CDATA-grejerna i JavaScript och undrar vad den var till för? Det är för att förhindra att valideraren läser den koden som markering och misslyckas "

Här är en quicky (det finns också en PHP-version): var randomColor = Math.floor (Math.random () * 16777215) .toString (16); Se pennan generera ny slumpmässig hexfärg "

PHP har en fin print_r-funktion för att skriva ut information om en variabel till skärmen. console.log () är bra för det i JavaScript också, men "

Prova (document.execCommand ("BackgroundImageCache", false, true);) fånga (err) () "

Demo av Sagar Ganatra "

Själv anropande anonym funktion tilldelad den globala variabeln yournamespacechoice. Serverar effekten av att hålla alla funktioner och variabler privata för "

Utför en funktion varannan sekund: function myFunction () (// gör något) var int = setInterval (myFunction, 1000); Avbryt det: clearInterval (int); "

UPPDATERING: Det här är ganska gammalt. Om du vill ladda in bilder nuförtiden rekommenderar jag att du tittar på: Den kompletta guiden för Lazy Loading Images A Native "