Kodavsnitt 2025, September

Olika stilark för olika veckodagar - CSS-tricks

Olika stilark för olika veckodagar - CSS-tricks

Namnge dina css-filer i enlighet med detta: Saturday.css, Friday.css, Sunday.css, etc ... Om JavaScript är inaktiverat i webbläsaren återgår det till "

Upptäck Javascript på / av, med avisering - CSS-tricks

Upptäck Javascript på / av, med avisering - CSS-tricks

JavaScript är avstängt. Vänligen aktivera för att se hela webbplatsen. Om JavaScript är på får användaren ett välkomstmeddelande. Om den är av, får användaren besked om att sätta på den. "

Standardargument för funktioner - CSS-tricks

Standardargument för funktioner - CSS-tricks

Kombinerare av godkända argument och standardvärden (användbar med vilken funktion som helst) Object.prototype.combine = funktion (_args) (för (var i i detta) (if (typeof _args "

Aktuell sida med JavaScript - CSS-tricks

Aktuell sida med JavaScript - CSS-tricks

Detta är som en ersättning för PHP: s SCRIPT_NAME med JavaScript. location.href.split ('/'). pop (); Till exempel med denna URL: "

CSS för när JavaScript är aktiverat CSS-tricks

CSS för när JavaScript är aktiverat CSS-tricks

Document.documentElement.className = "js" Detta lägger till en klass i roten , så att du (till exempel) kan göra något som att dölja en

bara "

Beroende på webben beroende av DOM-redo - CSS-tricks

Beroende på webben beroende av DOM-redo - CSS-tricks

Denis Ciccales version: var DOMReady = funktion (a, b, c) (b = dokument c = 'addEventListener' b? B ('DocumentContentLoaded', a): "

Cookie Getter / Setter - CSS-tricks

Cookie Getter / Setter - CSS-tricks

** * Hämtar eller ställer in kakor * @paramnamn * @paramvärde (noll att radera eller odefinierat för att få) * @paramalternativ (domän, går ut (i dagar)) * @returvärde

Konvertera polygon till sökdata - CSS-tricks

Konvertera polygon till sökdata - CSS-tricks

Jag har fått göra detta några gånger nyligen så jag tänkte att jag skulle spara metoden. StackOverflow har en metod som fungerar bra: "

Kommentarer i JavaScript - CSS-tricks

Kommentarer i JavaScript - CSS-tricks

Funktion doSomething () (/ * Den här koden av Chris Coyier * / var i = 0; // räknare som ska användas senare;) Kommentarer i JavaScript kan vara mellan / * * / markeringar "

Rensa fält i fokus - CSS-tricks

Rensa fält i fokus - CSS-tricks

Ersätt "värde" med standardvärdet. Om fältet är valt försvinner standardvärdet. Om användaren tidigare har ändrat fältvärdet, "

Sätt kommavärden i siffror - CSS-tricks

Sätt kommavärden i siffror - CSS-tricks

Denna funktion antar att det som skickas till det är en sträng med en decimal och två platser efter decimaltalet. För att få ditt nummer till det "

Kontrollera om antalet är jämnt / udda - CSS-tricks

Kontrollera om antalet är jämnt / udda - CSS-tricks

Funktionen ärEven (värde) (om (värde% 2 == 0) returnerar true; annars returnerar false;) "

Kontrollera om funktionen finns innan du ringer - CSS-tricks

Kontrollera om funktionen finns innan du ringer - CSS-tricks

När man använder skript som delas mellan olika områden på en webbplats kan det finnas fall där en funktion anropas som inte existerar. Det är vettigt på "

Array of Country Names - CSS-tricks

Array of Country Names - CSS-tricks

Var country_list =; JSON-version från paulund.co.uk: "

Kontrollera om font-family är hedrad - CSS-tricks

Kontrollera om font-family är hedrad - CSS-tricks

Function checkFont (strFamily) (var objDiv = document.createElement ('div'); objDiv.style.fontFamily = strFamily; "

Binda olika händelser för att klicka och dubbelklicka - CSS-tricks

Binda olika händelser för att klicka och dubbelklicka - CSS-tricks

Du kanske vill att en länk ska ha en speciell åtgärd när du dubbelklickar på vilket förhindrar länkens standardåtgärd (gå till en annan sida). Så: Dubbelklicka: "

Bryta ut iframe - CSS-tricks

Bryta ut iframe - CSS-tricks

If (top.location! = self.location) (top.location = self.location.href;) Det kommer i allmänhet att fungera, men det finns en liten risk för misslyckande om "

Async-delningsknappar (G +, Facebook, Twitter) - CSS-tricks

Async-delningsknappar (G +, Facebook, Twitter) - CSS-tricks

Några av dessa tjänster tillhandahåller redan (smart) sina skript på ett asynkroniskt sätt, detta kombinerar dem bara till mer effektiva, organiserade och "

Async Script Loader med återuppringning - CSS-tricks

Async Script Loader med återuppringning - CSS-tricks

Var Loader = funktion () () Loader.prototype = (kräver: funktion (skript, återuppringning) (this.loadCount = 0; this.totalRequired = scripts.length; "

Alfabetiserande arrayer, objekt och arrays av objekt - CSS-tricks

Alfabetiserande arrayer, objekt och arrays av objekt - CSS-tricks

Alfabetisering kan vara lite knepigt, eftersom du kanske vill vara skiftlägeskänslig med vad du sorterar. Arrays är också det du sorterar, men ibland har du ett objekt. Eller en rad objekt. Eller på annat sätt kapslade kombinationer ... "

Video för alla (HTML5-video med Flash Fallback) - CSS-tricks

Video för alla (HTML5-video med Flash Fallback) - CSS-tricks

Ladda ner video: Stängt format: "MP4" Öppet format: "Ogg" En fullständig förklaring på Kroc Camens webbplats, upphovsmannen till denna teknik. "

Lägg till i favoriter (IE) - CSS-tricks

Lägg till i favoriter (IE) - CSS-tricks

Lägg till favorit och gå dit Den första parametern till AddFavorite är URL: en, den andra texten som du kan spara. Så denna inbyggda JavaScript kan återanvändas "

Lägg till ett nummer till två variabler samtidigt CSS-tricks

Lägg till ett nummer till två variabler samtidigt CSS-tricks

Du kan initialisera två variabler till samma värde samtidigt, kinda: var foo, bar; foo = bar = 10; Men det finns ingen liknande lätt mekanism att lägga till, säg 5 "

Lägg till dataattribut för användaragenten - CSS-tricks

Lägg till dataattribut för användaragenten - CSS-tricks

Var b = document.documentElement; b.className = b.className.replace ('no-js', 'js'); b.setAttribute ("data-useragent", navigator.userAgent); "

AddEventListener Polyfill - CSS-tricks

AddEventListener Polyfill - CSS-tricks

AddEventListener polyfill 1.0 / Eirik Backer / MIT-licens (funktion (win, doc) (om (win.addEventListener) returnerar; // Inget behov av polyfill-funktion "

1024x768 Bokmärke - CSS-tricks

1024x768 Bokmärke - CSS-tricks

Dagarna på 800x600 skärmar är nästan över, men de flesta av oss försöker fortfarande att rymma 1024px breda skärmar. Därav populariteten för "960" breddplatser. Detta"

AddClass-funktion - CSS-tricks

AddClass-funktion - CSS-tricks

Om du går biblioteksfritt kan du behöva rulla din egen funktion så här. funktion addClass (id, new_class) (var i, n = 0; "