कोड के टुकड़े 2025, अप्रैल

आधुनिक इवेंट हैंडलिंग - सीएसएस-ट्रिक्स

आधुनिक इवेंट हैंडलिंग - सीएसएस-ट्रिक्स

यह पारंपरिक "window.onload" ईवेंट करने से बेहतर है, क्योंकि यह एक ईवेंट में कई ईवेंट हैंडलर संलग्न कर सकता है और वे सभी को कॉल करते हैं। "

हल्का / गहरा रंग - सीएसएस-ट्रिक्स

हल्का / गहरा रंग - सीएसएस-ट्रिक्स

CSS प्रीप्रोसेसर Sass और Less किसी भी रंग और गहरे रंग () या हल्का () को एक विशिष्ट मान द्वारा ले सकते हैं। लेकिन ऐसी कोई क्षमता जावास्क्रिप्ट में नहीं बनाई गई है। "

इनपुट के अंत करने के लिए कर्सर ले जाएँ - सीएसएस-ट्रिक्स

इनपुट के अंत करने के लिए कर्सर ले जाएँ - सीएसएस-ट्रिक्स

जहां el एक इनपुट या टेक्सटेरिया का संदर्भ है। फंक्शन मूवमेंटसर्किटऑन (el) (यदि (टाइप करें el.selectionStart == "नंबर") (el.selectionStart = "

जावास्क्रिप्ट में बहुस्तरीय स्ट्रिंग चर - सीएसएस-ट्रिक्स

जावास्क्रिप्ट में बहुस्तरीय स्ट्रिंग चर - सीएसएस-ट्रिक्स

यह काम करता है: var htmlString = "यह एक स्ट्रिंग है।"; यह विफल रहता है: var htmlSTring = "यह एक स्ट्रिंग है।"; कभी-कभी यह पठनीयता के लिए वांछनीय है। जोड़ें "

पुराने IE में HTML5 एलिमेंट्स वर्क करें - सीएसएस-ट्रिक्स

पुराने IE में HTML5 एलिमेंट्स वर्क करें - सीएसएस-ट्रिक्स

ताकि DOM (और इस प्रकार CSS) उन्हें वास्तविक तत्वों के रूप में पहचानता है: (फ़ंक्शन () (यदि (! / * @C_on! @ * / 0) वापसी; var e = "

लूप ओवर क्वेरीसेलेक्टरऑल मैच - सीएसएस-ट्रिक्स

लूप ओवर क्वेरीसेलेक्टरऑल मैच - सीएसएस-ट्रिक्स

आइए NodeList पर पुनरावृति के लिए कुछ विकल्पों को देखें, जैसे कि आप एक document.querySelectorAll को चलाने से पीछे हट जाते हैं। हमने "के बारे में एक अद्यतन लेख लिखा है"

बेकार लुकअप के बिना ऐरो के माध्यम से लूप - सीएसएस-ट्रिक्स

बेकार लुकअप के बिना ऐरो के माध्यम से लूप - सीएसएस-ट्रिक्स

फ़ंक्शन के लिए उपयोग करने से पहले सरणी की लंबाई का पता लगाएं, इसलिए इसे प्रत्येक पुनरावृत्ति (लंबाई को मानते हुए) की लंबाई को गिनने की आवश्यकता नहीं है "

KeyboardEvent Value (कीकोड्स, मेटा, आदि) - सीएसएस-ट्रिक्स

KeyboardEvent Value (कीकोड्स, मेटा, आदि) - सीएसएस-ट्रिक्स

जब कोई KeyboardEvent फायर करता है, तो आप परीक्षण कर सकते हैं कि किस कुंजी को दबाया गया क्योंकि उस घटना में वह जानकारी है जिसके खिलाफ आप तर्क लिख सकते हैं। "

जावास्क्रिप्ट में URL और URL पार्ट्स प्राप्त करें - सीएसएस-ट्रिक्स

जावास्क्रिप्ट में URL और URL पार्ट्स प्राप्त करें - सीएसएस-ट्रिक्स

जावास्क्रिप्ट वर्तमान URL को भागों में एक्सेस कर सकता है। इस URL के लिए: https://css-tricks.com/example/index.html?s=flexbox window.location.protocol = "

जावास्क्रिप्ट MD5 - सीएसएस-ट्रिक्स

जावास्क्रिप्ट MD5 - सीएसएस-ट्रिक्स

Var MD5 = function (string) (फंक्शन RotateLeft (lValue, iShiftBits) (रिटर्न (lValue> (32-iShiftBits));) फ़ंक्शन AddUnsigned (lX, lY) (var ")

जावास्क्रिप्ट ऐरे शामिल हैं - सीएसएस-ट्रिक्स

जावास्क्रिप्ट ऐरे शामिल हैं - सीएसएस-ट्रिक्स

जावास्क्रिप्ट ऑब्जेक्ट वास्तव में अच्छे हैं, लेकिन कभी-कभी वे कुछ उपयोगी छोटे कार्यों / विधियों को याद कर रहे हैं। ऊपर का उदाहरण Arrays के साथ है। वास्तव में यह है"

नापसंद पृष्ठभूमि छवि के साथ इनपुट - सीएसएस-ट्रिक्स

नापसंद पृष्ठभूमि छवि के साथ इनपुट - सीएसएस-ट्रिक्स

यह मानक एम्बेड करने योग्य Google खोज फ़ील्ड की कार्यक्षमता को दोहराता है। उनके पास पृष्ठभूमि में एक छवि है और जब इनपुट पर क्लिक किया जाता है "

अंतराल - सीएसएस-ट्रिक्स

अंतराल - सीएसएस-ट्रिक्स

मानक आपको वैरिएबल बनाने की आवश्यकता नहीं है, लेकिन यह एक अच्छा अभ्यास है क्योंकि आप उस वैरिएबल का उपयोग क्लीयरइंटरवल के साथ कर सकते हैं जो वर्तमान में चल रही है "

HTML के String से Inject HTML - सीएसएस-ट्रिक्स

HTML के String से Inject HTML - सीएसएस-ट्रिक्स

मान लें कि आपके पास कुछ HTML है जो एक स्ट्रिंग है: string_of_html = `

Cool `; शायद यह एक एपीआई से आता है या आपने इसे खुद से बनाया है "

नए सीएसएस नियम इंजेक्षन - सीएसएस-ट्रिक्स

नए सीएसएस नियम इंजेक्षन - सीएसएस-ट्रिक्स

यदि आपको जावास्क्रिप्ट के साथ एक तत्व की शैली को बदलने की आवश्यकता है, तो आमतौर पर एक वर्ग नाम बदलना बेहतर होता है और पृष्ठ पर पहले से ही सीएसएस है "

"गो बैक" बटन - सीएसएस-ट्रिक्स

"गो बैक" बटन - सीएसएस-ट्रिक्स

ब्राउज़रों के पास पहले से ही "बैक" बटन होते हैं, इसलिए आपके पास अपने पृष्ठ पर एक डालने की आवश्यकता के लिए बेहतर कारण होगा! इनलाइन जावास्क्रिप्ट के साथ इनपुट बटन "

एक लिंक से YouTube कुंजी प्राप्त करें: - सीएसएस-ट्रिक्स

एक लिंक से YouTube कुंजी प्राप्त करें: - सीएसएस-ट्रिक्स

उदाहरण लिंक: // Youtube लिंक var youtubeLink = document.getElementById ('myLink')। Href; var youtubeVideoKey = "

जावास्क्रिप्ट के लिए htmlEntities - सीएसएस-ट्रिक्स

जावास्क्रिप्ट के लिए htmlEntities - सीएसएस-ट्रिक्स

Htmlentities () एक PHP फ़ंक्शन है जो विशेष वर्णों (जैसे <) को उनके एस्केप / एन्कोडेड मान (जैसे <) में परिवर्तित करता है। यह आपको दिखाने की अनुमति देता है "

URL वेरिएबल्स प्राप्त करें - सीएसएस-ट्रिक्स

URL वेरिएबल्स प्राप्त करें - सीएसएस-ट्रिक्स

फ़ंक्शन getQueryVariable (चर) (var क्वेरी = window.location.search.substring (1); var vars = query.split ("&"); के लिए (var i = 0; i)

वैश्विक चर - सीएसएस-ट्रिक्स

वैश्विक चर - सीएसएस-ट्रिक्स

फ़ंक्शन के बाहर परिवर्तनीय घोषित करें ... var OneVariable; function setVariable () (oneVariable = "Variable set from a function;";) फ़ंक्शन "

सभी संभव डोम घटनाएँ प्राप्त करें - सीएसएस-ट्रिक्स

सभी संभव डोम घटनाएँ प्राप्त करें - सीएसएस-ट्रिक्स

आप फ़ायरफ़ॉक्स के कंसोल में इसे चलाकर "ऑन" (जैसे ऑनक्लिक) से शुरू होने वाली सभी घटनाओं की एक सरणी प्राप्त कर सकते हैं। .filter (फ़ंक्शन (i) (वापसी)

वस्तु का आकार प्राप्त करें - सीएसएस-ट्रिक्स

वस्तु का आकार प्राप्त करें - सीएसएस-ट्रिक्स

के रूप में, चाबियाँ की संख्या। फ़ंक्शन ऑब्जेक्ट (the_object) (/ * फ़ंक्शन को मान्य की संख्या प्राप्त करने के लिए ऑब्जेक्ट में प्रत्येक कुंजी के अस्तित्व को मान्य करने के लिए "

रैंडम टाइमर के साथ कॉल फ़ंक्शन - सीएसएस-ट्रिक्स

रैंडम टाइमर के साथ कॉल फ़ंक्शन - सीएसएस-ट्रिक्स

फ़ंक्शन रैंडरेंज (डेटा) (var newTime = data; return newTime;) फ़ंक्शन toggleSomething () (var timeArray = new Array (200, 300, 150, 250, 2000, 3000, "

प्रारूप मुद्रा - सीएसएस-ट्रिक्स

प्रारूप मुद्रा - सीएसएस-ट्रिक्स

यह फ़ंक्शन संख्याओं को दो दशमलव स्थानों पर ले जाएगा, और यह सुनिश्चित करेगा कि लौटे मूल्य में दो दशमलव स्थान हैं। उदाहरण के लिए 12.006 12.01 पर लौटेगा, "

विंडोज फोन 8 व्यूपोर्ट पर आईई 10 को ठीक करें - सीएसएस-ट्रिक्स

विंडोज फोन 8 व्यूपोर्ट पर आईई 10 को ठीक करें - सीएसएस-ट्रिक्स

(फ़ंक्शन () (यदि (navigator.userAgent.match (/IEMobile/10.0/))) (var msViewportStyle = document.createElement ("स्टाइल"); msViewportStyle.appyChild (")

खाली करो एरे - सीएसएस-ट्रिक्स

खाली करो एरे - सीएसएस-ट्रिक्स

यह एक सरणी खाली करने के सबसे तेज़ और आसान तरीकों में से एक है। बेशक अन्य तरीके भी हो सकते हैं, लेकिन उनमें आम तौर पर एक नई सरणी का निर्माण शामिल है। ”

जावास्क्रिप्ट आवश्यक सामग्री फ़ॉलबैक सामग्री के साथ - सीएसएस-ट्रिक्स

जावास्क्रिप्ट आवश्यक सामग्री फ़ॉलबैक सामग्री के साथ - सीएसएस-ट्रिक्स

जावास्क्रिप्ट-आवश्यक क्षेत्र इनलाइन सीएसएस के साथ छिपा हुआ है, और फिर इसे जावास्क्रिप्ट के एक छोटे स्निपेट के साथ लोड होने के बाद दिखाया गया है। उसके नीचे, noscript टैग का उपयोग किया जाता है "

त्रुटि रहित कंसोल लॉगिंग - सीएसएस-ट्रिक्स

त्रुटि रहित कंसोल लॉगिंग - सीएसएस-ट्रिक्स

Var Fb = (); // फ़ंक्शन के लिए एक खाली ऑब्जेक्ट शाब्दिक Fb.log = फ़ंक्शन (obj, कंसोलमैथोड) (यदि (window.console && window.console.firebug && ")

दिन के समय में विभिन्न शैलियाँ सीएसएस-ट्रिक्स

दिन के समय में विभिन्न शैलियाँ सीएसएस-ट्रिक्स

तदनुसार अपनी सीएसएस फ़ाइलों को नाम दें: रात। एसके, दिन, एसकेएस, आदि ... एक अच्छा बोनस यह है कि चूंकि जावास्क्रिप्ट को स्थानीय मशीन से समय मिलता है बजाय "