Cuplikan Kode 2025, Januari

Penanganan Acara Modern - Trik CSS

Penanganan Acara Modern - Trik CSS

Ini lebih baik daripada melakukan peristiwa "window.onload" tradisional, karena ia dapat melampirkan beberapa penangan peristiwa ke satu peristiwa dan semuanya dipanggil. "

Mencerahkan / Menggelapkan Warna - Trik CSS

Mencerahkan / Menggelapkan Warna - Trik CSS

Sass dan Less preprocessor CSS dapat mengambil warna apa pun dan menggelapkan () atau mencerahkan () dengan nilai tertentu. Tapi tidak ada kemampuan seperti itu yang dibangun ke dalam JavaScript. "

Pindahkan Kursor ke Akhir Input - Trik CSS

Pindahkan Kursor ke Akhir Input - Trik CSS

Dimana el adalah referensi ke input atau textarea. function moveCursorToEnd (el) (if (typeof el.selectionStart == "number") (el.selectionStart = "

Variabel String Multiline di JavaScript - Trik CSS

Variabel String Multiline di JavaScript - Trik CSS

Ini berfungsi: var htmlString = "Ini adalah string."; Ini gagal: var htmlSTring = "Ini adalah string."; Terkadang ini diinginkan agar mudah dibaca. Menambahkan"

Membuat Elemen HTML5 Berfungsi di IE Lama - Trik CSS

Membuat Elemen HTML5 Berfungsi di IE Lama - Trik CSS

Sehingga DOM (dan juga CSS) mengenalinya sebagai elemen nyata: (function () (if (! / * @ Cc_on! @ * / 0) return; var e = "

Ulangi querySelectorAll Matches - Trik CSS

Ulangi querySelectorAll Matches - Trik CSS

Mari kita lihat beberapa opsi untuk melakukan iterasi melalui NodeList, saat Anda kembali menjalankan document.querySelectorAll. Kami telah menulis artikel terbaru tentang "

Ulangi Melalui Array Tanpa Pencarian Boros - Trik CSS

Ulangi Melalui Array Tanpa Pencarian Boros - Trik CSS

Temukan panjang array sebelum menggunakannya dalam fungsi for, sehingga tidak perlu menghitung panjang array setiap iterasi (dengan asumsi panjang "

Nilai KeyboardEvent (keyCodes, metaKey, dll) - Trik CSS

Nilai KeyboardEvent (keyCodes, metaKey, dll) - Trik CSS

Saat KeyboardEvent aktif, Anda dapat menguji tombol mana yang ditekan karena peristiwa tersebut berisi informasi yang logikanya dapat Anda tulis. "

Dapatkan URL dan Bagian URL di JavaScript - Trik CSS

Dapatkan URL dan Bagian URL di JavaScript - Trik CSS

JavaScript dapat mengakses URL saat ini di beberapa bagian. Untuk URL ini: https://css-tricks.com/example/index.html?s=flexbox window.location.protocol = "

JavaScript MD5 - Trik CSS

JavaScript MD5 - Trik CSS

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

JavaScript Array Berisi - Trik CSS

JavaScript Array Berisi - Trik CSS

Objek Javascript sangat bagus, tetapi terkadang mereka kehilangan beberapa fungsi / metode kecil yang berguna. Contoh di atas adalah dengan Array. Benar-benar "

Masukan dengan Gambar Latar yang Menghilang - Trik CSS

Masukan dengan Gambar Latar yang Menghilang - Trik CSS

Ini mereplikasi fungsionalitas bidang Google Penelusuran standar yang dapat disematkan. Mereka memiliki gambar di latar belakang dan saat input diklik "

Interval - Trik CSS

Interval - Trik CSS

Standar Anda tidak perlu membuat variabel, tetapi ini adalah praktik yang baik karena Anda dapat menggunakan variabel tersebut dengan clearInterval untuk menghentikan "

Menyuntikkan HTML Dari String HTML - Trik CSS

Menyuntikkan HTML Dari String HTML - Trik CSS

Katakanlah Anda memiliki beberapa HTML yang berupa string: let string_of_html = `

Cool
`; Mungkin berasal dari API atau Anda telah membuatnya sendiri dari "

Masukkan Aturan CSS Baru - Trik CSS

Masukkan Aturan CSS Baru - Trik CSS

Jika Anda perlu mengubah gaya elemen dengan JavaScript, biasanya lebih baik mengubah nama kelas dan CSS yang sudah ada di halaman mengambil "

Tombol "Kembali" - Trik CSS

Tombol "Kembali" - Trik CSS

Peramban sudah memiliki tombol "kembali", jadi sebaiknya Anda punya alasan bagus untuk meletakkannya di laman Anda! Tombol masukan dengan JavaScript sebaris "

Dapatkan Kunci YouTube dari Tautan - Trik CSS

Dapatkan Kunci YouTube dari Tautan - Trik CSS

Contoh tautan: // Tautan Youtube var youtubeLink = document.getElementById ('myLink'). Href; var youtubeVideoKey = "

HtmlEntities untuk JavaScript - Trik CSS

HtmlEntities untuk JavaScript - Trik CSS

Htmlentities () adalah fungsi PHP yang mengubah karakter khusus (seperti <) menjadi nilai yang diloloskan / dikodekan (seperti <). Ini memungkinkan Anda untuk menunjukkan "

Dapatkan Variabel URL - Trik CSS

Dapatkan Variabel URL - Trik CSS

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

Variabel Global - Trik CSS

Variabel Global - Trik CSS

Deklarasikan variabel di luar fungsi ... var oneVariable; function setVariable () (oneVariable = "Variabel disetel dari dalam fungsi!";) function "

Dapatkan Semua Kemungkinan Acara DOM - Trik CSS

Dapatkan Semua Kemungkinan Acara DOM - Trik CSS

Anda bisa mendapatkan larik dari semua peristiwa yang dimulai dengan "on" (misalnya onclick) dengan menjalankannya di Konsol Firefox. .filter (function (i) (return "

Dapatkan Ukuran Objek - Trik CSS

Dapatkan Ukuran Objek - Trik CSS

Seperti, jumlah kunci. function objectSize (the_object) (/ * berfungsi untuk memvalidasi keberadaan setiap kunci dalam objek untuk mendapatkan bilangan valid "

Fungsi Panggilan dengan Timer Acak - Trik CSS

Fungsi Panggilan dengan Timer Acak - Trik CSS

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

Format Mata Uang - Trik CSS

Format Mata Uang - Trik CSS

Fungsi ini akan membulatkan angka menjadi dua tempat desimal, dan memastikan bahwa nilai yang dikembalikan memiliki dua tempat desimal. Misalnya 12.006 akan menghasilkan 12.01, "

Perbaiki IE 10 pada Windows Phone 8 Viewport - Trik CSS

Perbaiki IE 10 pada Windows Phone 8 Viewport - Trik CSS

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

Kosongkan Array - Trik CSS

Kosongkan Array - Trik CSS

Ini adalah salah satu cara tercepat dan termudah untuk mengosongkan array. Tentu saja ada cara lain, tetapi cara tersebut biasanya mencakup pembuatan larik baru. "

Konten yang Diperlukan JavaScript dengan Konten Pengganti - Trik CSS

Konten yang Diperlukan JavaScript dengan Konten Pengganti - Trik CSS

Area yang membutuhkan JavaScript disembunyikan dengan CSS sebaris, lalu ditampilkan setelah dimuat dengan cuplikan kecil JavaScript. Di bawahnya, tag noscript digunakan "

Pencatatan Konsol Bebas Kesalahan - Trik CSS

Pencatatan Konsol Bebas Kesalahan - Trik CSS

Var Fb = (); // Literal objek kosong untuk menampung fungsi Fb.log = function (obj, consoleMethod) (if (window.console && window.console.firebug && "

Stylesheet Berbeda Menunggu Waktu - Trik CSS

Stylesheet Berbeda Menunggu Waktu - Trik CSS

Beri nama file css Anda sesuai: night.css, day.css, dll ... Satu bonus keren adalah karena JavaScript mendapatkan waktu dari mesin lokal alih-alih dari "