Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

HTML5 के साथ कस्टम एट्रिब्यूट्स बनाना


HTML 5 में पेश की गई एक नई सुविधा कस्टम डेटा एट्रिब्यूट्स का जोड़ है।

एक कस्टम डेटा एट्रिब्यूट data- से शुरू होता है और आपकी आवश्यकता के आधार पर नामित किया जाएगा।

<div class = "example" data-sports = "cricket" data-level = "complex"> 
    ... </div>

उपरोक्त दो कस्टम एट्रिब्यूट्स data-subject और data-level के साथ पूरी तरह से वैध HTML5 होगा। आप इन एट्रिब्यूट्स के मान JavaScript APIs या CSS का उपयोग करके उसी तरह प्राप्त कर पाएंगे जैसे आप मानक एट्रिब्यूट्स के लिए करते हैं।


  1. JavaScript कस्टम इमेज स्लाइडर बनाएं: पूर्ण कोड JavaScript कस्टम इमेज स्लाइडर बनाएं: पूर्ण कोड

    एक कस्टम इमेज स्लाइडर (कैरोसेल) वेबसाइटों पर छवियों को प्रदर्शित करने का एक लोकप्रिय UI घटक है। यह CSS एनिमेशन और JavaScript लॉजिक को जोड़ता है। पूर्ण कार्यान्वयन slides.length) slideIndex = 1; if (n changeSlides(1), 5000); </script> </body> </html> विशेषताएं पिछ

  1. जावास्क्रिप्ट में new कीवर्ड के साथ ऐरे बनाना जावास्क्रिप्ट में new कीवर्ड के साथ ऐरे बनाना

    परिचय जावास्क्रिप्ट में ऐरे बनाने का एक तरीका new Array() कंस्ट्रक्टर का उपयोग करना है। हालांकि, ऐरे लिटरल सिंटैक्स [] आमतौर पर पसंद किया जाता है क्योंकि यह अधिक संक्षिप्त और तेज़ है। उदाहरण निम्न कोड जावास्क्रिप्ट में new कीवर्ड के साथ ऐरे बनाने के लिए है: <!DOCTYPE html> <html lang=&qu

  1. अपने मॉडल सरल बनाएं: स्पष्ट, पठनीय विशेषताओं के लिए ActiveRecord Enums का उपयोग अपने मॉडल सरल बनाएं: स्पष्ट, पठनीय विशेषताओं के लिए ActiveRecord Enums का उपयोग

    एक प्रश्न की कल्पना करें जो या तो लंबित, स्वीकृत, या चिह्नित हो सकता है। या एक फोन नंबर जो घर, कार्यालय, मोबाइल, या फैक्स हो (अगर यह 1982 है)। कुछ मॉडल इस तरह के डेटा की मांग करते हैं। एक विशेषता जो केवल कुछ अलग-अलग मानों में से एक हो सकती है। और मानों का वह सेट लगभग कभी नहीं बदलता। यह एक ऐसी स्थि