Kodestykker 2025, September

Forudsat at du har et element i DOM:

Få en reference til det DOM-element: const el = document.querySelector ("# el"); Så er det dig"

Test af brugeragent stinker, men nogle gange har du brug for det til subtile ting. I mit tilfælde brugte jeg det til at justere det, jeg viste til tastaturgenvejstaster "

Ikke alle browsere understøtter alle attributter på alle elementer. Der er en række nye attributter i HTML5, så ideen om at teste for at se, hvilken slags browser "

Normalt flytter tabtasten til den næste ting, der kan fokuseres. Dette indsætter et fanetegn i stedet. HTMLTextAreaElement.prototype.getCaretPosition = funktion "

Hvidt mellemrum, hvilket betyder faner og mellemrum. Vanilla JavaScript (Trim Leading and Trailing) var str = "abcdefg"; var newStr = str.trim (); // "abcde f"

Lad strippedString = originalString.replace (/ (<(+)>) / gi, ""); CodePen Integrer tilbagefald "

HTML5 træk og slip er fantastisk til håndtering af filuploads. Men hvis det er det eneste, du bruger det til, er det rart at vide, om en bestemt dragenter "

Var isMSIE = / * @ cc_on! @ * / 0; hvis (isMSIE) (// gør IE-specifikke ting) andet (// gør ikke IE-specifikke ting) "

Inline-brug: Klik her for at skifte synlighed af elementet #foo Dette er foo "

Teknik nr. 1 funktion Bland (o) (for (var j, x, i = o.længde; i; j = parseInt (Math. Tilfældig () * i), x = o, o = o, o = x); returnere o;); Anvendelse var testArray "

Var someString = "Hej 123 Verden!"; newString = someString.replace (// g, ''); // console.log (newString); // "Hej Verden!";"

"mobile.html" erstattes med placeringen, hvor din mobilversion ligger. Denne teknik kan tilpasses til at indlæse et alternativt stilark "

Elementer med attributten contenteditable kan redigeres direkte i browservinduet. Men selvfølgelig påvirker disse ændringer ikke selve dokumentet "

Ooo dette er klogt! Jeg henter dette fra Davids blog. const isRequired = () => (smid ny fejl ('param kræves');); const hej = (navn = "

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

Når det kommer til animation, får vi at vide, at setInterval er en dårlig idé. Fordi løkken f.eks. Kører uanset hvad der sker, "

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

Denne funktion bevarer også skjult indhold. funktion remove_style (all) (var i = all.length; var j, is_hidden; // Præsentationsattributter. var attr =; "

Af en eller anden grund kan et element ikke ødelægge sig selv i JavaScript. jQuery har en metode til dette, hvilket er rart, fordi det er sådan, vi tænker: "

Udarbejdet af Svein Petter Gjøby: const array =; // Metode 1: Brug af et sæt const unikt =; // Metode 2: Array.prototype.reduce const unique = "

Window.location = "https: //" + window.location.hostname + window.location.pathname + window.location.search; Du vil måske teste, om window.location.href "

Har du nogensinde set de CDATA-ting i JavaScript og spekuleret på, hvad det var til? Det er for at forhindre validatoren i at læse den kode som markering og fejler "

Her er en quicky (der er også en PHP-version): var randomColor = Math.floor (Math.random () * 16777215) .toString (16); Se pennen generere ny tilfældig hex-farve "

PHP har en god print_r-funktion til udskrivning af information om en variabel til skærmen. console.log () er også fantastisk til det i JavaScript, men "

Prøv (document.execCommand ("BackgroundImageCache", false, true);) catch (err) () "

Demo af Sagar Ganatra "

Selvopkaldende anonym funktion tildelt den globale variabel yournamespacechoice. Serverer effekten af ​​at holde alle funktioner og variabler private for "

Udfør en funktion hvert sekund: funktion myFunction () (// gør noget) var int = setInterval (myFunction, 1000); Annuller det: clearInterval (int); "

OPDATERING: Dette er ret gammelt. Hvis du ønsker at dove indlæse billeder i disse dage, vil jeg anbefale at se på: Den komplette guide til dovne indlæsning af billeder A Native "