Fragmenty kodu 2025, Styczeń

Różne arkusze stylów na różne dni tygodnia - CSS-Tricks

Różne arkusze stylów na różne dni tygodnia - CSS-Tricks

Nazwij swoje pliki css odpowiednio: sobota.css, piątek.css, niedziela.css itd. Jeśli JavaScript jest wyłączony w przeglądarce, powróci do „

Wykryj włączanie / wyłączanie JavaScript, z powiadomieniem - CSS-Tricks

Wykryj włączanie / wyłączanie JavaScript, z powiadomieniem - CSS-Tricks

JavaScript jest wyłączony. Włącz, aby wyświetlić całą witrynę. Jeśli włączony jest JavaScript, użytkownik otrzymuje wiadomość powitalną. Jeśli wyłączone, użytkownik jest instruowany, aby go włączyć ”.

Domyślne argumenty funkcji - CSS-Tricks

Domyślne argumenty funkcji - CSS-Tricks

Łącznik przekazanych argumentów i wartości domyślnych (do wykorzystania z dowolną funkcją) Object.prototype.combine = function (_args) (for (var i in this) (if (typeof _args "

Bieżąca strona z JavaScript - CSS-Tricks

Bieżąca strona z JavaScript - CSS-Tricks

To jest jak zamiennik SCRIPT_NAME PHP z JavaScriptem. lokalizacja.href.split ('/'). pop (); Na przykład z tym adresem URL: „

CSS, gdy JavaScript jest włączony - CSS-Tricks

CSS, gdy JavaScript jest włączony - CSS-Tricks

Document.documentElement.className = "js" To dodaje klasę do katalogu głównego , więc możesz (na przykład) zrobić coś takiego, jak tylko ukryć

"

Gotowy na DOM gotowy do pracy w różnych przeglądarkach - CSS-Tricks

Gotowy na DOM gotowy do pracy w różnych przeglądarkach - CSS-Tricks

Wersja Denisa Ciccale'a: var DOMReady = function (a, b, c) (b = document c = 'addEventListener' b? B ('DocumentContentLoaded', a): "

Pobieranie / ustawianie plików cookie - CSS-Tricks

Pobieranie / ustawianie plików cookie - CSS-Tricks

** * Pobiera lub ustawia pliki cookie * @param name * @param value (null to delete or undefined to get) * @param options (domain, expire (in days)) * @return value "

Konwertuj wielokąt na dane ścieżki - CSS-Tricks

Konwertuj wielokąt na dane ścieżki - CSS-Tricks

Ostatnio musiałem to zrobić kilka razy, więc pomyślałem, że zachowam metodę. StackOverflow ma metodę, która działa świetnie: „

Komentarze w JavaScript - CSS-Tricks

Komentarze w JavaScript - CSS-Tricks

Function doSomething () (/ * Ten kod autorstwa Chrisa Coyiera * / var i = 0; // licznik do wykorzystania później;) Komentarze w JavaScript mogą znajdować się między / * * / markings "

Wyczyść pole ostrości - CSS-Tricks

Wyczyść pole ostrości - CSS-Tricks

Zastąp „wartość” wartością domyślną. Jeśli pole jest zaznaczone, wartość domyślna zniknie. Jeśli użytkownik wcześniej zmienił wartość pola, "

Umieść wartości przecinków w liczbach - CSS-Tricks

Umieść wartości przecinków w liczbach - CSS-Tricks

Ta funkcja zakłada, że ​​to, co jest do niej przesyłane, jest ciągiem znaków z kropką dziesiętną i dwoma miejscami po przecinku. Aby dodać swój numer do tego "

Sprawdź, czy liczba jest parzysta / nieparzysta - CSS-Tricks

Sprawdź, czy liczba jest parzysta / nieparzysta - CSS-Tricks

Funkcja isEven (wartość) (jeśli (wartość% 2 == 0) zwraca prawdę; w przeciwnym razie zwraca fałsz;) "

Sprawdź, czy funkcja istnieje przed wywołaniem - CSS-Tricks

Sprawdź, czy funkcja istnieje przed wywołaniem - CSS-Tricks

Podczas korzystania ze skryptów współdzielonych między różnymi obszarami witryny mogą wystąpić przypadki, w których wywoływana jest funkcja, która nie istnieje. Ma to sens na „

Tablica nazw krajów - CSS-Tricks

Tablica nazw krajów - CSS-Tricks

Var country_list =; Wersja JSON z paulund.co.uk: „

Sprawdź, czy rodzina czcionek jest honorowana - CSS-Tricks

Sprawdź, czy rodzina czcionek jest honorowana - CSS-Tricks

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

Powiązanie różnych zdarzeń do kliknięcia i dwukrotnego kliknięcia - CSS-Tricks

Powiązanie różnych zdarzeń do kliknięcia i dwukrotnego kliknięcia - CSS-Tricks

Możesz chcieć, aby łącze miało specjalną akcję po dwukrotnym kliknięciu, co zapobiega domyślnej akcji łącza (przejdź do innej strony). A więc: kliknij dwukrotnie: „

Wyjdź z iframe - CSS-Tricks

Wyjdź z iframe - CSS-Tricks

If (top.location! = self.location) (top.location = self.location.href;) To na ogół zadziała, ale istnieje niewielka szansa niepowodzenia w przypadku, gdy „

Asynchroniczne przyciski udostępniania (G +, Facebook, Twitter) - CSS-Tricks

Asynchroniczne przyciski udostępniania (G +, Facebook, Twitter) - CSS-Tricks

Niektóre z tych usług już (inteligentnie) udostępniają swoje skrypty w sposób asynchroniczny, co po prostu łączy je w bardziej wydajne, zorganizowane i „

Async Script Loader z funkcją wywołania zwrotnego - CSS-Tricks

Async Script Loader z funkcją wywołania zwrotnego - CSS-Tricks

Var Loader = function () () Loader.prototype = (require: function (scripts, callback) (this.loadCount = 0; this.totalRequired = scripts.length; "

Alfabetowanie tablic, obiektów i tablic obiektów - CSS-Tricks

Alfabetowanie tablic, obiektów i tablic obiektów - CSS-Tricks

Alfabetowanie może być trochę trudne, ponieważ możesz chcieć nie rozróżniać wielkości liter w sortowaniu. Sortujesz także tablice, ale czasami masz obiekt. Lub tablica obiektów. Lub w inny sposób zagnieżdżone kombinacje ... ”

Wideo dla każdego (wideo HTML5 z funkcją zastępczą Flash) - CSS-Tricks

Wideo dla każdego (wideo HTML5 z funkcją zastępczą Flash) - CSS-Tricks

Pobierz wideo: Zamknięty format: "MP4" Otwarty format: "Ogg" Pełne wyjaśnienie na stronie Kroc Camen, twórcy tej techniki. "

Dodaj do ulubionych (IE) - CSS-Tricks

Dodaj do ulubionych (IE) - CSS-Tricks

Dodaj ulubione i przejdź do tego Pierwszy parametr AddFavorite to adres URL, a drugi tekst oferowany do zapisania. Zatem ten wbudowany kod JavaScript jest wielokrotnego użytku ”

Dodaj liczbę do dwóch zmiennych naraz - CSS-Tricks

Dodaj liczbę do dwóch zmiennych naraz - CSS-Tricks

Możesz zainicjować dwie zmienne na tę samą wartość naraz, tak jakby: var foo, bar; foo = bar = 10; Nie ma jednak równie łatwego mechanizmu dodawania, powiedzmy, 5 "

Dodaj atrybut danych agenta użytkownika - CSS-Tricks

Dodaj atrybut danych agenta użytkownika - 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 License (function (win, doc) (if (win.addEventListener) return; // Nie ma potrzeby używania funkcji polyfill "

1024x768 Zakładka - CSS-Tricks

1024x768 Zakładka - CSS-Tricks

Czasy ekranów 800x600 dobiegły końca, ale większość z nas nadal stara się obsługiwać ekrany o szerokości 1024 pikseli. Stąd popularność witryn o szerokości „960”. To"

Funkcja addClass - CSS-Tricks

Funkcja addClass - CSS-Tricks

Jeśli nie chcesz korzystać z biblioteki, może być konieczne wprowadzenie takiej własnej funkcji. function addClass (id, new_class) (var i, n = 0; "