Koda fragmenti 2025, Aprīlis

Mūsdienu notikumu apstrāde CSS-triki

Mūsdienu notikumu apstrāde CSS-triki

Tas ir labāk nekā darīt tradicionālo notikumu "window.onload", jo tas var piesaistīt vairākus notikumu apstrādātājus vienam notikumam, un viņi visi tiek izsaukti. "

Gaišāka / tumšāka krāsa - CSS-triki

Gaišāka / tumšāka krāsa - CSS-triki

CSS priekšapstrādātāji Sass un Less var iegūt jebkuru krāsu un aptumšot () vai apgaismot () to ar noteiktu vērtību. Bet JavaScript šādas iespējas nav iebūvētas. "

Pārvietot kursoru uz ievades beigām - CSS-triki

Pārvietot kursoru uz ievades beigām - CSS-triki

Kur el ir atsauce uz ievadi vai teksta apgabalu. funkcija moveCursorToEnd (el) (ja (typeof el.selectionStart == "skaitlis") (el.selectionStart = "

Daudzrindu virkņu mainīgie JavaScript - CSS-triki

Daudzrindu virkņu mainīgie JavaScript - CSS-triki

Tas darbojas: var htmlString = "Šī ir virkne."; Tas neizdodas: var htmlSTring = "Šī ir virkne."; Dažreiz tas ir vēlams lasāmības labad. Pievienot "

Ļaujiet HTML5 elementiem darboties vecajā IE - CSS-triki

Ļaujiet HTML5 elementiem darboties vecajā IE - CSS-triki

Lai DOM (un līdz ar to CSS) tos atpazītu kā reālus elementus: [function () (if (! / * @ Cc_on! @ * / 0) return; var e = "

Loop Over querySelectorVisas spēles - CSS-triki

Loop Over querySelectorVisas spēles - CSS-triki

Apskatīsim dažas iterācijas iespējas, izmantojot NodeList, atgriežoties, palaižot document.querySelectorAll. Mēs esam uzrakstījuši atjauninātu rakstu par

Loop caur masīvu bez izšķērdīgiem meklējumiem CSS-triki

Loop caur masīvu bez izšķērdīgiem meklējumiem CSS-triki

Pirms izmantojat funkciju for, atrodiet masīva garumu, tāpēc nav nepieciešams skaitīt masīva garumu katrā iterācijā (pieņemot, ka garums "

KeyboardEvent vērtība (keyCodes, metaKey utt.) - CSS-triki

KeyboardEvent vērtība (keyCodes, metaKey utt.) - CSS-triki

Kad KeyboardEvent aktivizējas, varat pārbaudīt, kurš taustiņš ir nospiests, jo šajā notikumā ir informācija, pret kuru varat rakstīt loģiku. "

Iegūt vietrāžus URL un URL daļas JavaScript - CSS-triki

Iegūt vietrāžus URL un URL daļas JavaScript - CSS-triki

JavaScript var piekļūt pašreizējam URL pa daļām. Šim URL: https://css-tricks.com/example/index.html?s=flexbox window.location.protocol = "

JavaScript MD5 - CSS-triki

JavaScript MD5 - CSS-triki

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

JavaScript masīvs satur - CSS-triki

JavaScript masīvs satur - CSS-triki

Javascript objekti ir patiešām jauki, taču dažreiz tiem trūkst dažu noderīgu funkciju / metožu. Iepriekš minētais piemērs ir ar masīviem. Tas tiešām ir "

Ievade ar pazūdošu fona attēlu - CSS-triki

Ievade ar pazūdošu fona attēlu - CSS-triki

Tas atkārto iegulto Google meklēšanas standarta lauku funkcionalitāti. Viņiem fonā ir attēls, un, noklikšķinot uz ievades "

Intervāli - CSS-triki

Intervāli - CSS-triki

Standarts Jums nav jāizveido mainīgais, taču tā ir laba prakse, jo jūs varat izmantot šo mainīgo ar clearInterval, lai apturētu pašreizējo darbību "

Injicēt HTML no HTML virknes - CSS-triki

Injicēt HTML no HTML virknes - CSS-triki

Pieņemsim, ka jums ir HTML, kas ir virkne: ļaujiet string_of_html = "

Atdzist
"; Varbūt tas nāk no API vai esat pats to izveidojis no "

Injicēt jaunus CSS noteikumus CSS-triki

Injicēt jaunus CSS noteikumus CSS-triki

Ja jums ir jāmaina elementa stils ar JavaScript, parasti labāk ir mainīt klases nosaukumu un CSS jau ir lapā. "

Poga "Atgriezties" - CSS-triki

Poga "Atgriezties" - CSS-triki

Pārlūkprogrammās jau ir pogas “Atpakaļ”, tāpēc jums labāk ir saprātīgs iemesls, kāpēc tā ir jāievieto savā lapā! Ievades poga ar iekļautu JavaScript "

Iegūstiet YouTube atslēgu no saites CSS-triki

Iegūstiet YouTube atslēgu no saites CSS-triki

Saites piemērs: // Youtube saite var youtubeLink = document.getElementById ('myLink'). Href; var youtubeVideoKey = "

Html JavaScript entītijas - CSS-triki

Html JavaScript entītijas - CSS-triki

Htmlentities () ir PHP funkcija, kas īpašās rakstzīmes (piemēram, <) pārvērš to izdzēstajās / kodētajās vērtībās (piemēram, <). Tas ļauj parādīt

Iegūt URL mainīgos - CSS-triki

Iegūt URL mainīgos - CSS-triki

Funkcija getQueryVariable (mainīgais) (var vaicājums = window.location.search.substring (1); var vars = query.split ("&"); for (var i = 0; i "

Globālie mainīgie - CSS-triki

Globālie mainīgie - CSS-triki

Deklarēt mainīgo ārpus funkcijas ... var oneVariable; function setVariable () (oneVariable = "Mainīgā kopa no funkcijas iekšienes!";) funkcija "

Saņemt visus iespējamos DOM notikumus CSS-triki

Saņemt visus iespējamos DOM notikumus CSS-triki

Visu notikumu masīvu, kas sākas ar “on” (piem., Onclick), varat iegūt, palaižot to Firefox konsolē. .filter (funkcija i) (atgriešanās "

Iegūt objekta izmēru - CSS-triki

Iegūt objekta izmēru - CSS-triki

Tāpat kā, atslēgu skaits. funkcija objectSize (the_object) (/ * funkcija, lai pārbaudītu katra atslēgas esamību objektā, lai iegūtu derīgu numuru "

Zvana funkcija ar izlases taimeri CSS-triki

Zvana funkcija ar izlases taimeri CSS-triki

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

Formatēt valūtu CSS-triki

Formatēt valūtu CSS-triki

Šī funkcija noapaļos skaitļus līdz divām zīmēm aiz komata un nodrošinās, ka atgrieztajai vērtībai ir divas zīmes aiz komata. Piemēram, 12.006 atgriezīs 12.01. "

Labot IE 10 operētājsistēmas Windows Phone 8 skata portā CSS-triki

Labot IE 10 operētājsistēmas Windows Phone 8 skata portā CSS-triki

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

Iztukšot masīvu - CSS-triki

Iztukšot masīvu - CSS-triki

Tas ir viens no ātrākajiem un vienkāršākajiem veidiem, kā iztukšot masīvu. Protams, ir arī citi veidi, taču tie parasti ietver jauna masīva izveidi. "

Nepieciešams JavaScript saturs ar rezerves saturu CSS-triki

Nepieciešams JavaScript saturs ar rezerves saturu CSS-triki

JavaScript nepieciešamais apgabals tiek paslēpts ar iekšējo CSS, un pēc tam tiek parādīts pēc tam, kad tas ir ielādēts ar nelielu JavaScript fragmentu. Zem tā tiek izmantoti noscript tagi "

Konsoles reģistrēšana bez kļūdām - CSS-triki

Konsoles reģistrēšana bez kļūdām - CSS-triki

Var Fb = (); // Tukšs objekta literāls funkcijas Fb.log = function (obj, consoleMethod) turēšanai (if (window.console && window.console.firebug && "

Dažādas stila lapas, gaidot dienas laiku CSS-triki

Dažādas stila lapas, gaidot dienas laiku CSS-triki

Attiecīgi nosauciet savus css failus: night.css, day.css utt ... Viens foršs bonuss ir tas, ka, tā kā JavaScript laiku saņem no vietējās mašīnas, nevis no "