Úryvky kódu 2025, Apríl

Za predpokladu, že v prvku DOM máte prvok:

Získajte odkaz na tento prvok DOM: const el = document.querySelector ("# el"); Potom ty"

Testovanie User Agent je naštvané, ale niekedy ho potrebujete pre jemné veci. V mojom prípade som to použil na prispôsobenie toho, čo som ukazoval pre klávesové skratky “

Nie všetky prehľadávače podporujú všetky atribúty všetkých prvkov. V kóde HTML5 existuje množstvo nových atribútov, takže myšlienka testovania, aby sa zistilo, aký typ prehľadávača "

Kláves tab sa zvyčajne presunie na ďalšiu zamerateľnú vec. Týmto sa namiesto nich vloží znak tabulátora. HTMLTextAreaElement.prototype.getCaretPosition = funkcia "

Medzery, čo znamená karty a medzery. Vanilkový JavaScript (orezanie vedenia a konca) var str = "abcdefg"; var newStr = str.trim (); // "A b c d e f"

Nech strippedString = originalString.replace (/ (<(+)>) / gi, ""); Vloženie záložného kódu CodePen "

Presúvanie súborov HTML5 je skvelé na prácu s nahrávaním súborov. Ale ak je to jediná vec, na ktorú ju používate, je pekné vedieť, či nejaký konkrétny dragenter “

Var isMSIE = / * @ cc_on! @ * / 0; if (isMSIE) (// do IE-specific things) else (// do non-IE-specific things) "

Vnútorné použitie: Kliknutím sem prepnete viditeľnosť prvku #foo Toto je foo "

Technika č. 1 Funkcia Shuffle (o) (pre (var j, x, i = o.length; i; j = parseInt (Math.random () * i), x = o, o = o, o = x); návrat o;); Použitie var testArray "

Var someString = "Ahoj 123 sveta!"; newString = someString.replace (// g, ''); // console.log (newString); // "Ahoj svet!"; "

Súbor „mobile.html“ by bol nahradený umiestnením všade, kde sa nachádza vaša mobilná verzia. Túto techniku ​​je možné prispôsobiť tak, aby sa načítal alternatívny štýl. “

Prvky s atribútom contenteditable je možné editovať naživo priamo v okne prehliadača. Ale tieto zmeny samozrejme neovplyvnia skutočný dokument. “

Ooo toto je chytré! Toto trhám z Davidovho blogu. const isRequired = () => (hodiť novú chybu ('param je povinný');); const ahoj = (meno = "

Var myArray =; var randomItem = myArray; Pozrite si pero gLJPZv od Chrisa Coyiera (@chriscoyier) na stránke CodePen. “

Pokiaľ ide o animáciu, hovorí sa nám, že setInterval je zlý nápad. Pretože napríklad slučka pobeží bez ohľadu na čokoľvek iné, “

Var origString = 'Šťastný tanec7'; var trimmedString = origString.substring (0, origString.length-1); console.log (trimmedString); // 'Šťastný tanec' "

Táto funkcia tiež zachováva skrytý obsah. function remove_style (all) (var i = all.length; var j, is_hidden; // Prezentačné atribúty. var attr =; "

Z akéhokoľvek dôvodu sa element nemôže v JavaScripte zničiť. jQuery má na to metódu, ktorá je pekná, pretože si to myslíme takto: "

Zostavil Svein Petter Gjøby: const pole =; // Metóda 1: Použitie množiny const unique =; // Metóda 2: Array.prototype.reduce const unique = "

Window.location = "https: //" + window.location.hostname + window.location.pathname + window.location.search; Možno budete chcieť vyskúšať, či window.location.href "

Už ste niekedy videli tieto veci CDATA v JavaScripte a pýtali ste sa, na čo to bolo? Má zabrániť validátorovi v tom, aby prečítal tento kód ako značku a zlyhal “

Tu je niečo podivné (existuje aj verzia PHP): var randomColor = Math.floor (Math.random () * 16777215) .toString (16); Pozrite sa na pero Vytvorte novú náhodnú šesťhrannú farbu “

PHP má príjemnú funkciu print_r na tlač informácií o premenných na obrazovku. console.log () je to skvelé aj v JavaScripte, ale „

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

Demo od Sagara Ganatru "

Samovyvolávajúce anonymné funkcie priradené ku globálnej premennej yournamespacechoice. Slúži na zachovanie súkromia všetkých funkcií a premenných pre „

Vykonajte funkciu každú sekundu: function myFunction () (// do something) var int = setInterval (myFunction, 1000); Zrušiť: clearInterval (int); "

AKTUALIZÁCIA: Je to dosť staré. Ak v dnešnej dobe hľadáte obrázky s lenivým načítaním, odporúčam vám pozrieť sa na: Kompletný sprievodca lenivým načítaním obrázkov natívnym “