Kodebiter 2025, April

Dette er bedre enn å gjøre den tradisjonelle "window.onload" -hendelsen, da den kan knytte flere hendelsesbehandlere til en enkelt hendelse, og de blir ringt. "

CSS-forprosessorer Sass and Less kan ta en hvilken som helst farge og gjøre den mørkere () eller lysne () med en bestemt verdi. Men ingen slike evner er innebygd i JavaScript. "

Hvor el er en referanse til et innspill eller tekstområde. funksjon moveCursorToEnd (el) (hvis (typeof el.selectionStart == "nummer") (el.selectionStart = "

Dette fungerer: var htmlString = "Dette er en streng."; Dette mislykkes: var htmlSTring = "Dette er en streng."; Noen ganger er dette ønskelig for lesbarhet. Legg til"

Slik at DOM (og dermed CSS) gjenkjenner dem som virkelige elementer: (function () (if (! / * @ Cc_on! @ * / 0) return; var e = "

La oss se på noen alternativer for iterering over en NodeList, når du kommer tilbake fra å kjøre et document.querySelectorAll. Vi har skrevet en oppdatert artikkel om "

Finn lengden på matrisen før du bruker den i for-funksjonen, slik at den ikke trenger å telle lengden på matrisen hver iterasjon (forutsatt lengden "

Når et KeyboardEvent utløses, kan du teste hvilken tast som ble trykket på fordi den hendelsen inneholder informasjon du kan skrive logikk mot. "

JavaScript har tilgang til gjeldende URL i deler. For denne URL: https://css-tricks.com/example/index.html?s=flexbox window.location.protocol = "

Var MD5 = funksjon (streng) (funksjon RotateLeft (lValue, iShiftBits) (retur (lValue> (32-iShiftBits));) funksjon AddUnsigned (lX, lY) (var "

Javascript-objekter er veldig fine, men noen ganger mangler de noen nyttige små funksjoner / metoder. Eksemplet ovenfor er med Arrays. Det er virkelig"

Dette replikerer funksjonaliteten til de standard innebygde Google-søkefeltene. De har et bilde i bakgrunnen, og når du klikker på inngangen "

Standard Du trenger ikke opprette variabelen, men det er en god praksis da du kan bruke den variabelen med clearInterval for å stoppe den gjeldende "

Si at du har litt HTML som er en streng: la string_of_html = `

`; Kanskje det kommer fra et API, eller du har konstruert det selv fra "

Hvis du trenger å endre stilen til et element med JavaScript, er det vanligvis bedre å endre et klassenavn og ha CSS allerede på siden "

Nettlesere har allerede "tilbake" -knapper, så det er bedre å ha en god grunn til at du trenger å sette en på siden din! Inngangsknapp med innebygd JavaScript "

Eksempel på lenke: // Youtube link var youtubeLink = document.getElementById ('myLink'). Href; var youtubeVideoKey = "

Htmlentities () er en PHP-funksjon som konverterer spesialtegn (som <) til deres rømte / kodede verdier (som <). Dette lar deg vise "

Funksjon getQueryVariable (variabel) (var query = window.location.search.substring (1); var vars = query.split ("&"); for (var i = 0; i "

Deklarer variabel utenfor funksjonen ... var oneVariable; function setVariable () (oneVariable = "Variabel sett fra en funksjon!";) function "

Du kan få en rekke alle hendelsene som begynner med "på" (f.eks. Onclick) ved å kjøre dette i konsollen til Firefox. .filter (funksjon (i) (retur "

Som i, antall nøkler. funksjon objectSize (the_object) (/ * funksjon for å validere eksistensen av hver nøkkel i objektet for å få antall gyldige "

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

Denne funksjonen vil avrunde tall til to desimaler, og sikre at den returnerte verdien har to desimaler. For eksempel vil 12.006 returnere 12.01, "

(funksjon () (hvis (navigator.userAgent.match (/IEMobile/10.0/)) (var msViewportStyle = document.createElement ("stil"); msViewportStyle.appendChild ("

Dette er en av de raskeste og enkleste måtene å tømme en matrise på. Selvfølgelig er det andre måter, men de inkluderer vanligvis opprettelse av en ny matrise. "

JavaScript-påkrevd område er skjult med innebygd CSS, og vises deretter etter at det lastes inn med et lite JavaScript-utdrag. Under det brukes noscript-tagger "

Var Fb = (); // Et tomt objekt bokstavelig for å holde funksjonen Fb.log = funksjon (obj, consoleMethod) (hvis (window.console && window.console.firebug && "

Referanse"

Navngi css-filene dine tilsvarende: night.css, day.css, etc ... En kul bonus er at siden JavaScript får tiden fra den lokale maskinen i stedet for fra "