Codefragmenten 2025, Januari-

Aangenomen dat je een element in de DOM hebt:

Haal een verwijzing naar dat DOM-element: const el = document.querySelector ("# el"); Dan jij"

User Agent-testen zijn waardeloos, maar soms heb je het nodig voor subtiele dingen. In mijn geval gebruikte ik het om aan te passen wat ik liet zien voor sneltoetsen op het toetsenbord "

Niet alle browsers ondersteunen alle attributen op alle elementen. Er zijn een aantal nieuwe kenmerken in HTML5, dus het idee om te testen om te zien wat voor soort browser "

Normaal gesproken gaat de tab-toets naar het volgende focusbare ding. Dit voegt in plaats daarvan een tab-teken in. HTMLTextAreaElement.prototype.getCaretPosition = functie "

Witruimte, wat tabs en spaties betekent. Vanilla JavaScript (Trim Leading en Trailing) var str = "abcdefg"; var newStr = str.trim (); // "abcde f"

Let strippedString = originalString.replace (/ (<(+)>) / gi, ""); CodePen Embed Fallback "

HTML5 slepen en neerzetten is geweldig voor het verwerken van bestandsuploads. Maar als dat het enige is waarvoor u het gebruikt, is het goed om te weten of een bepaalde dragenter "

Var isMSIE = / * @ cc_on! @ * / 0; if (isMSIE) (// doe IE-specifieke dingen) else (// doe niet IE-specifieke dingen) "

Inline gebruik: klik hier om de zichtbaarheid van element #foo This is foo "in te schakelen

Techniek nr. 1 functie Shuffle (o) (for (var j, x, i = o.length; i; j = parseInt (Math.random () * i), x = o, o = o, o = x); terug o;); Gebruik var testArray "

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

"mobile.html" zou worden vervangen door de locatie waar uw mobiele versie zich bevindt. Deze techniek kan worden aangepast om een ​​alternatief stylesheet te laden "

Elementen met het contenteditable-attribuut kunnen rechtstreeks in het browservenster live worden bewerkt. Maar die wijzigingen hebben natuurlijk geen invloed op het daadwerkelijke document "

Ooo, dit is slim! Ik haal dit uit de blog van David. const isRequired = () => (throw new Error ('param is required');); const hello = (naam = "

Var myArray =; var randomItem = myArray; Zie de Pen gLJPZv door Chris Coyier (@chriscoyier) op CodePen. "

Als het op animatie aankomt, wordt ons verteld dat setInterval een slecht idee is. Omdat de lus bijvoorbeeld wordt uitgevoerd ongeacht wat er verder gebeurt, "

Var origString = 'Vrolijke dans7'; var trimmedString = origString.substring (0, origString.length-1); console.log (trimmedString); // 'Vrolijke dans'"

Deze functie bewaart ook verborgen inhoud. function remove_style (all) (var i = all.length; var j, is_hidden; // Presentationele attributen. var attr =; "

Om welke reden dan ook, een element kan zichzelf niet vernietigen in JavaScript. jQuery heeft hier een methode voor, wat fijn is, want dit is hoe we denken: "

Samengesteld door Svein Petter Gjøby: const array =; // Methode 1: met behulp van een Set const unique =; // Methode 2: Array.prototype.reduce const unique = "

Window.location = "https: //" + window.location.hostname + window.location.pathname + window.location.search; Misschien wil je testen of window.location.href "

Heb je dat CDATA-spul ooit in JavaScript gezien en je afgevraagd waar het voor was? Het is bedoeld om te voorkomen dat de validator die code leest als markup en mislukt "

Hier is een quicky (er is ook een PHP-versie): var randomColor = Math.floor (Math.random () * 16777215) .toString (16); Zie de pen Nieuwe willekeurige hex-kleur genereren "

PHP heeft een mooie print_r-functie om informatie over een variabele op het scherm af te drukken. console.log () is daar ook geweldig voor in JavaScript, maar "

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

Demo door Sagar Ganatra "

Zelfoproepende anonieme functie toegewezen aan de globale variabele yournamespacechoice. Dient als effect dat alle functies en variabelen privé blijven voor "

Voer elke seconde een functie uit: function myFunction () (// doe iets) var int = setInterval (myFunction, 1000); Annuleer het: clearInterval (int); "

UPDATE: dit is behoorlijk oud. Als je tegenwoordig lui afbeeldingen wilt laden, raad ik je aan om te kijken naar: The Complete Guide to Lazy Loading Images A Native "