Frammenti di codice 2025, Luglio

È meglio che eseguire il tradizionale evento "window.onload", poiché può collegare più gestori di eventi a un singolo evento e tutti vengono chiamati. "

I preprocessori CSS Sass e Less possono assumere qualsiasi colore e scurirlo () o schiarirlo () di un valore specifico. Ma nessuna capacità di questo tipo è incorporata in JavaScript. "

Dove el è un riferimento a un input oa un'area di testo. funzione moveCursorToEnd (el) (if (typeof el.selectionStart == "number") (el.selectionStart = "

Funziona: var htmlString = "Questa è una stringa."; Questo non riesce: var htmlSTring = "Questa è una stringa."; A volte questo è desiderabile per la leggibilità. Inserisci"

In modo che il DOM (e quindi i CSS) li riconosca come elementi reali: (function () (if (! / * @ Cc_on! @ * / 0) return; var e = "

Diamo un'occhiata ad alcune opzioni per l'iterazione su un NodeList, quando torni dall'esecuzione di un document.querySelectorAll. Abbiamo scritto un articolo aggiornato su "

Trova la lunghezza dell'array prima di usarlo nella funzione for, quindi non è necessario contare la lunghezza dell'array ogni iterazione (assumendo la lunghezza "

Quando viene attivato un KeyboardEvent, puoi verificare quale tasto è stato premuto perché quell'evento contiene informazioni su cui puoi scrivere logica. "

JavaScript può accedere all'URL corrente in parti. Per questo URL: https://css-tricks.com/example/index.html?s=flexbox window.location.protocol = "

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

Gli oggetti Javascript sono davvero carini, ma a volte mancano alcune funzioni / metodi utili. L'esempio sopra è con Arrays. È davvero"

Questo replica la funzionalità dei campi di ricerca Google incorporabili standard. Hanno un'immagine sullo sfondo e quando si fa clic sull'input "

Standard Non è necessario creare la variabile, ma è una buona pratica in quanto puoi utilizzare quella variabile con clearInterval per interrompere l'esecuzione in corso "

Supponiamo che tu abbia dell'HTML che è una stringa: let string_of_html = `

`; Forse proviene da un'API o l'hai costruita tu stesso "

Se è necessario modificare lo stile di un elemento con JavaScript, in genere è meglio modificare il nome di una classe e avere il CSS già presente nella pagina "

I browser hanno già i pulsanti "indietro", quindi è meglio che tu abbia una dannata buona ragione per averne bisogno nella tua pagina! Pulsante di input con JavaScript in linea "

Link di esempio: // Link Youtube var youtubeLink = document.getElementById ('myLink'). Href; var youtubeVideoKey = "

Htmlentities () è una funzione PHP che converte i caratteri speciali (come <) nei loro valori di escape / codificati (come <). Questo ti permette di mostrare "

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

Dichiara la variabile al di fuori della funzione ... var oneVariable; function setVariable () (oneVariable = "Variabile impostata da una funzione!";) function "

È possibile ottenere un array di tutti gli eventi che iniziano con "on" (ad esempio onclick) eseguendolo nella Console di Firefox. .filter (funzione (i) (return "

Come nel numero di chiavi. function objectSize (the_object) (/ * funzione per convalidare l'esistenza di ogni chiave nell'oggetto per ottenere il numero di "

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

Questa funzione arrotonda i numeri a due cifre decimali e garantisce che il valore restituito abbia due cifre decimali. Ad esempio 12.006 restituirà 12.01, "

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

Questo è uno dei modi più semplici e veloci per svuotare un array. Ovviamente ci sono altri modi, ma questi di solito includono la creazione di un nuovo array. "

L'area richiesta da JavaScript viene nascosta con CSS in linea e quindi visualizzata dopo il caricamento con un piccolo frammento di JavaScript. Di seguito, vengono utilizzati i tag noscript "

Var Fb = (); // Un letterale oggetto vuoto per contenere la funzione Fb.log = function (obj, consoleMethod) (if (window.console && window.console.firebug && "

Riferimento"

Assegna un nome ai file css di conseguenza: night.css, day.css, ecc ... Un bel vantaggio è che poiché JavaScript ottiene l'ora dalla macchina locale invece che da "