Kodebiter 2025, April

Forutsatt at du har et element i DOM:

Få en referanse til det DOM-elementet: const el = document.querySelector ("# el"); Så du "

Testing av brukeragenter suger, men noen ganger trenger du det for subtile ting. I mitt tilfelle brukte jeg den til å justere det jeg viste for hurtigtaster "

Ikke alle nettlesere støtter alle attributter på alle elementene. Det er en rekke nye attributter i HTML5, så ideen om å teste for å se hva slags nettleser "

Normalt flytter tabulatortasten til neste fokuserbare ting. Dette setter inn et fanetegn i stedet. HTMLTextAreaElement.prototype.getCaretPosition = funksjon "

Mellomrom, som betyr faner og mellomrom. Vanilje JavaScript (Trim Leading and Trailing) var str = "abcdefg"; var newStr = str.trim (); // "A B C D E F"

La strippedString = originalString.replace (/ (<(+)>) / gi, ""); CodePen Bygg inn tilbakeslag "

HTML5 dra og slipp er flott for håndtering av filopplastinger. Men hvis det er det eneste du bruker den til, er det hyggelig å vite om noen spesiell dragenter "

Var isMSIE = / * @ cc_on! @ * / 0; hvis (isMSIE) (// gjør IE-spesifikke ting) annet (// gjør ikke IE-spesifikke ting) "

Innebygd bruk: Klikk her for å veksle mellom synlighet av elementet #foo Dette er foo "

Teknikk nr. 1 funksjon Shuffle (o) (for (var j, x, i = o.length; i; j = parseInt (Math.random () * i), x = o, o = o, o = x); retur o;); Bruk var testArray "

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

"mobile.html" vil bli erstattet med plasseringen der mobilversjonen din er bosatt. Denne teknikken kan tilpasses for å laste inn et alternativt stilark "

Elementer med attributtet contenteditable kan redigeres direkte i nettleservinduet. Men selvfølgelig påvirker ikke disse endringene selve dokumentet "

Ooo dette er lurt! Jeg henter dette fra Davids blogg. const isRequired = () => (kast ny feil ('param kreves');); const hei = (navn = "

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

Når det gjelder animasjon, blir vi fortalt at setInterval er en dårlig idé. Fordi for eksempel løkken vil kjøre uavhengig av noe annet som skjer, "

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

Denne funksjonen bevarer også skjult innhold. funksjon remove_style (all) (var i = all.length; var j, is_hidden; // Presentasjonsattributter. var attr =; "

Av en eller annen grunn kan et element ikke ødelegge seg selv i JavaScript. jQuery har en metode for dette, som er hyggelig fordi det er slik vi tenker: "

Utarbeidet av Svein Petter Gjøby: const array =; // Metode 1: Bruke et sett const unik =; // Metode 2: Array.prototype.reduce const unique = "

Window.location = "https: //" + window.location.hostname + window.location.pathname + window.location.search; Du vil kanskje teste om window.location.href "

Har du noen gang sett CDATA-ting i JavaScript og lurer på hva det var til? Det er for å forhindre at validatoren leser den koden som markering og mislykkes "

Her er en quicky (det er også en PHP-versjon): var randomColor = Math.floor (Math.random () * 16777215) .toString (16); Se pennen generere nye tilfeldige heksefarger "

PHP har en fin print_r-funksjon for å skrive ut informasjon om en variabel til skjermen. console.log () er flott for det også i JavaScript, men "

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

Demo av Sagar Ganatra "

Selvinnkallende anonym funksjon tildelt den globale variabelen yournamespacechoice. Serverer effekten av å holde alle funksjoner og variabler private for "

Utfør en funksjon hvert sekund: funksjon myFunction () (// gjør noe) var int = setInterval (myFunction, 1000); Avbryt det: clearInterval (int); "

OPPDATERING: Dette er ganske gammelt. Hvis du ønsker å la deg laste bilder i disse dager, vil jeg anbefale å se på: Den komplette veiledningen for late bilder med innfødt "