Kodestykker 2025, September

Dette er bedre end at udføre den traditionelle "window.onload" -begivenhed, da den kan knytte flere begivenhedshåndterere til en enkelt begivenhed, og de bliver alle kaldt. "

CSS-forprocessorerne Sass and Less kan tage en hvilken som helst farve og gøre den mørkere () eller lysne () med en bestemt værdi. Men ingen sådan mulighed er indbygget i JavaScript. "

Hvor el er en henvisning til et input eller et tekstområde. funktion 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."; Nogle gange er dette ønskeligt for læsbarhed. Tilføje"

Så DOM (og dermed CSS) genkender dem som reelle elementer: (funktion () (hvis (! / * @ Cc_on! @ * / 0) returnerer; var e = "

Lad os se på nogle muligheder for iterering over en NodeList, når du kommer tilbage fra at køre et document.querySelectorAll. Vi har skrevet en opdateret artikel om "

Find længden af ​​arrayet, før du bruger det i for-funktionen, så det behøver ikke at tælle længden af ​​arrayet hver iteration (forudsat længden "

Når et KeyboardEvent udløses, kan du teste, hvilken tast der blev trykket på, fordi begivenheden indeholder oplysninger, som du kan skrive logik mod. "

JavaScript kan få adgang til den aktuelle URL i dele. For denne URL: https://css-tricks.com/example/index.html?s=flexbox window.location.protocol = "

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

Javascript-objekter er rigtig gode, men nogle gange mangler de nogle nyttige små funktioner / metoder. Eksemplet ovenfor er med Arrays. Det er virkelig"

Dette replikerer funktionaliteten i de standardindlejrede Google-søgefelter. De har et billede i baggrunden, og når der klikkes på input "

Standard Du behøver ikke oprette variablen, men det er en god praksis, da du kan bruge variablen med clearInterval til at stoppe den aktuelt kørende "

Sig, at du har noget HTML, der er en streng: lad string_of_html = `

`; Måske kommer det fra en API, eller du har konstrueret det selv fra "

Hvis du har brug for at ændre stilen på et element med JavaScript, er det typisk bedre at ændre et klassenavn og have CSS allerede på siden "

Browsere har allerede "tilbage" -knapper, så du må hellere have en god grund til at skulle sætte en på din side! Input-knap med indbygget JavaScript "

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

Htmlentities () er en PHP-funktion, der konverterer specialtegn (som <) til deres undslipte / kodede værdier (som <). Dette giver dig mulighed for at vise "

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

Erklær variabel uden for funktionen ... var oneVariable; function setVariable () (oneVariable = "Variabelsæt fra en funktion!";) funktion "

Du kan få en matrix med alle begivenheder, der starter med "on" (f.eks. Onclick) ved at køre dette i Firefox-konsollen. .filter (funktion (i) (return "

Som i, antallet af taster. funktion objectSize (the_object) (/ * funktion for at validere eksistensen af ​​hver nøgle i objektet for at få antallet af gyldige "

Funktion randRange (data) (var newTime = data; returner newTime;) funktion toggleSomething () (var timeArray = new Array (200, 300, 150, 250, 2000, 3000, "

Denne funktion afrunder tal til to decimaler og sikrer, at den returnerede værdi har to decimaler. For eksempel vil 12.006 returnere 12.01, "

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

Dette er en af ​​de hurtigste og nemmeste måder at tømme en matrix på. Der er naturligvis andre måder, men disse inkluderer normalt oprettelse af et nyt array. "

JavaScript-påkrævet område skjules med indbygget CSS og vises derefter, efter at det indlæses med et lille stykke JavaScript. Nedenfor bruges noscript-tags "

Var Fb = (); // Et tomt objekt bogstaveligt til at holde funktionen Fb.log = funktion (obj, consoleMethod) (hvis (window.console && window.console.firebug && "

Reference"

Navngiv dine css-filer i overensstemmelse hermed: night.css, day.css osv ... En cool bonus er, at da JavaScript får tiden fra den lokale maskine i stedet for fra "