Úryvky kódu 2025, Apríl

Moderné riešenie udalostí Triky CSS

Moderné riešenie udalostí Triky CSS

Je to lepšie ako s tradičnou udalosťou „window.onload“, pretože k jednej udalosti je možné pripojiť viac obslužných rutín udalostí a všetky sa zavolajú. “

Zosvetliť / stmaviť farbu - Triky CSS

Zosvetliť / stmaviť farbu - Triky CSS

Prepracovanie CSS Sass and Less môže mať akúkoľvek farbu a stmaviť ju () alebo zosvetliť () o konkrétnu hodnotu. Ale žiadna takáto schopnosť nie je zabudovaná v JavaScripte. “

Presuňte kurzor na koniec vstupu - Triky CSS

Presuňte kurzor na koniec vstupu - Triky CSS

Kde el je odkaz na vstup alebo textovú oblasť. funkcia moveCursorToEnd (el) (if (typeof el.selectionStart == "number") (el.selectionStart = "

Viacriadkové reťazcové premenné v JavaScripte Triky CSS

Viacriadkové reťazcové premenné v JavaScripte Triky CSS

Toto funguje: var htmlString = "Toto je reťazec."; To zlyhá: var htmlSTring = "Toto je reťazec."; Niekedy je to žiaduce kvôli čitateľnosti. Pridať „

Zabezpečte, aby prvky HTML5 fungovali v starom IE Triky CSS

Zabezpečte, aby prvky HTML5 fungovali v starom IE Triky CSS

Aby ich DOM (a teda CSS) rozpoznal ako skutočné prvky: (function () (if (! / * @ Cc_on! @ * / 0) return; var e = "

Loop Over querySelectorAll Matches - Triky CSS

Loop Over querySelectorAll Matches - Triky CSS

Pozrime sa na niekoľko možností iterácie cez NodeList, keď sa vrátite zo spustenia document.querySelectorAll. Napísali sme aktualizovaný článok o „

Smyčka cez pole bez zbytočných vyhľadávaní Triky CSS

Smyčka cez pole bez zbytočných vyhľadávaní Triky CSS

Pred použitím vo funkcii for vyhľadajte dĺžku poľa, takže nemusíte počítať dĺžku poľa pri každej iterácii (za predpokladu dĺžky „

Hodnota KeyboardEvent (keyCodes, metaKey atď.) - Triky CSS

Hodnota KeyboardEvent (keyCodes, metaKey atď.) - Triky CSS

Keď sa KeyboardEvent spustí, môžete vyskúšať, ktorá klávesa bola stlačená, pretože táto udalosť obsahuje informácie, proti ktorým môžete písať logiku. “

Získajte adresu URL a časti URL v JavaScripte Triky CSS

Získajte adresu URL a časti URL v JavaScripte Triky CSS

JavaScript môže pristupovať k aktuálnej adrese URL po častiach. Pre túto adresu URL: https://css-tricks.com/example/index.html?s=flexbox window.location.protocol = "

JavaScript MD5 - Triky CSS

JavaScript MD5 - Triky CSS

Var MD5 = funkcia (reťazec) (funkcia RotateLeft (lValue, iShiftBits) (návrat (lValue> (32-iShiftBits));) funkcia AddUnsigned (lX, lY) (var "

Pole JavaScriptu obsahuje Triky CSS

Pole JavaScriptu obsahuje Triky CSS

Objekty Javascript sú naozaj pekné, ale niekedy im chýba niekoľko užitočných malých funkcií / metód. Vyššie uvedený príklad je s poľami. Je to vážne"

Vstup so zmiznutým obrázkom na pozadí Triky CSS

Vstup so zmiznutým obrázkom na pozadí Triky CSS

Toto replikuje funkčnosť štandardných vložiteľných polí Vyhľadávania Google. Majú obrázok na pozadí a po kliknutí na vstup „

Intervaly - Triky CSS

Intervaly - Triky CSS

Štandardné Nemusíte vytvárať premennú, ale je dobrým zvykom, pretože túto premennú môžete použiť pomocou clearInterval na zastavenie práve spusteného programu.

Vkladajte HTML z reťazca HTML - Triky CSS

Vkladajte HTML z reťazca HTML - Triky CSS

Povedzme, že máte nejaký HTML, ktorý je reťazcom: let string_of_html = `

Super
`; Možno to pochádza z API alebo ste si to sami vytvorili z „

Vložte nové pravidlá CSS Triky CSS

Vložte nové pravidlá CSS Triky CSS

Ak potrebujete zmeniť štýl prvku pomocou JavaScriptu, je zvyčajne lepšie zmeniť názov triedy a mať CSS už na stránke take "

Tlačidlo „Späť“ - Triky CSS

Tlačidlo „Späť“ - Triky CSS

Prehliadače už majú tlačidlá „späť“, takže by ste mali mať dobrý dôvod, prečo je potrebné nejaké umiestniť na svoju stránku. Tlačidlo vstupu s vloženým jazykom JavaScript "

Získajte kľúč YouTube prostredníctvom odkazu - Triky CSS

Získajte kľúč YouTube prostredníctvom odkazu - Triky CSS

Príklad odkazu: // Odkaz na YouTube var youtubeLink = document.getElementById ('myLink'). Href; var youtubeVideoKey = "

HtmlEntities pre JavaScript Triky CSS

HtmlEntities pre JavaScript Triky CSS

Htmlentities () je funkcia PHP, ktorá prevádza špeciálne znaky (ako <) na ich uniknuté / zakódované hodnoty (ako <). Takto môžete zobraziť „

Získať premenné URL - Triky CSS

Získať premenné URL - Triky CSS

Funkcia getQueryVariable (premenná) (var dotaz = okno.lokacia.search.substring (1); var vars = dotaz.split ("&"); pre (var i = 0; i "

Globálne premenné Triky CSS

Globálne premenné Triky CSS

Deklarovať premennú mimo funkcie ... var oneVariable; function setVariable () (oneVariable = "Premenná nastavená z funkcie!";) function "

Získajte všetky možné udalosti DOM Triky CSS

Získajte všetky možné udalosti DOM Triky CSS

Rad všetkých udalostí, ktoré začínajú na „on“ (napr. Onclick), môžete získať spustením v konzole prehliadača Firefox. .filter (funkcia (i) (návrat ")

Získať veľkosť objektu - Triky CSS

Získať veľkosť objektu - Triky CSS

Rovnako ako v prípade, počet kľúčov. funkcia objectSize (the_object) (/ * funkcia na overenie existencie každého kľúča v objekte, aby sa získal počet platných "

Funkcia volania s náhodným časovačom Triky CSS

Funkcia volania s náhodným časovačom Triky CSS

Function randRange (data) (var newTime = data; return newTime;) function toggleSomething () (var timeArray = new Array (200, 300, 150, 250, 2000, 3000, "

Formátovať menu - Triky CSS

Formátovať menu - Triky CSS

Táto funkcia zaokrúhli čísla na dve desatinné miesta a zabezpečí, aby vrátená hodnota mala dve desatinné miesta. Napríklad 12,006 vráti 12,01 „

Opravte IE 10 vo výreze Windows Phone 8 Triky CSS

Opravte IE 10 vo výreze Windows Phone 8 Triky CSS

(function () (if (navigator.userAgent.match (/IEMobile/10.0/)) (var msViewportStyle = document.createElement ("style"); msViewportStyle.appendChild ("

Vyprázdniť pole - Triky CSS

Vyprázdniť pole - Triky CSS

Toto je jeden z najrýchlejších a najjednoduchších spôsobov vyprázdnenia poľa. Samozrejme, môžu existovať aj iné spôsoby, ale tie zvyčajne zahŕňajú vytvorenie nového poľa. “

Požadovaný obsah JavaScript s záložným obsahom Triky CSS

Požadovaný obsah JavaScript s záložným obsahom Triky CSS

Oblasť vyžadovaná JavaScriptom je skrytá pomocou vloženého CSS a po načítaní sa zobrazí pomocou malého útržku kódu JavaScript. Pod tým sa používajú značky noscript "

Bezchybné protokolovanie konzoly - Triky CSS

Bezchybné protokolovanie konzoly - Triky CSS

Var Fb = (); // Prázdny objekt doslovný pre uchovanie funkcie Fb.log = function (obj, consoleMethod) (if (window.console && window.console.firebug && "

Rôzne štýly až do času Triky CSS

Rôzne štýly až do času Triky CSS

Podľa toho pomenujte svoje súbory CSS: night.css, day.css atď. Jedným skvelým bonusom je, že JavaScript získava čas z miestneho počítača namiesto z „