यह मार्गदर्शिका जावास्क्रिप्ट को एक HTML फ़ाइल में रखने के तरीकों का वर्णन करेगी।
जावास्क्रिप्ट को HTML फ़ाइल में कहाँ रखें?
एक HTML फ़ाइल में JavaScript का प्लेसमेंट इसमें हो सकता है:
दृष्टिकोण 1: एक HTML फ़ाइल में टैग के भीतर जावास्क्रिप्ट का प्लेसमेंट
इस तरीके से, कोड के JavaScript हिस्से को “ <सिर> ” टैग सचित्र होगा।
उदाहरण
आइए नीचे दिए गए प्रदर्शन का अवलोकन करें:
< सिर >
< स्क्रिप्ट प्रकार = 'पाठ/जावास्क्रिप्ट' >
फंक्शन प्लेसमेंट जे.एस ( ) {
चेतावनी ( 'JavaScript का प्लेसमेंट टैग के अंदर है' )
}
लिखी हुई कहानी >
सिर >
< तन >
< केंद्र < बटन ऑनक्लिक = 'प्लेसमेंटजेएस ()' > मुझे क्लिक करें बटन >> केंद्र >
तन >
उपरोक्त कोड स्निपेट में:
- कोड के जावास्क्रिप्ट भाग को 'के भीतर शामिल करें' <सिर> 'की मदद से टैग करें' <स्क्रिप्ट> ' टैग।
- जेएस कोड में, 'नामक फ़ंक्शन को परिभाषित करें' प्लेसमेंटजेएस () ”। इसकी परिभाषा में, अलर्ट डायलॉग बॉक्स के माध्यम से बताए गए संदेश को प्रदर्शित करें।
- अंत में, HTML कोड में, एक बटन बनाएं जिसमें “ क्लिक पर ” ईवेंट जो बटन क्लिक करने पर पिछले चरण में परिभाषित फ़ंक्शन पर रीडायरेक्ट करेगा।
उत्पादन
उपरोक्त आउटपुट में, यह देखा जा सकता है कि जेएस कोड को “के भीतर रखकर ठीक से काम कर रहा है। <सिर> ' टैग।
दृष्टिकोण 2: HTML फ़ाइल में टैग के अंदर JavaScript का प्लेसमेंट
इस तरीके से, JavaScript कोड को “ <शरीर> ” एक HTML फ़ाइल में टैग पर चर्चा की जाएगी।
उदाहरण
नीचे दिया गया उदाहरण बताई गई अवधारणा को दर्शाता है:
< तन >< केंद्र < बटन ऑनक्लिक = 'प्लेसमेंटजेएस ()' > मुझे क्लिक करें बटन >> केंद्र >
< स्क्रिप्ट प्रकार = 'पाठ/जावास्क्रिप्ट' >
फंक्शन प्लेसमेंट जे.एस ( ) {
चेतावनी ( 'JavaScript का प्लेसमेंट टैग के अंदर है' )
}
लिखी हुई कहानी >
तन >
कोड की उपरोक्त पंक्तियों में:
- के अंदर ' <शरीर> ” टैग, इसी तरह, “की मदद से फंक्शन प्लेसमेंटजेस () को लागू करने वाला एक बटन बनाएं क्लिक पर ' प्रतिस्पर्धा।
- जावास्क्रिप्ट कोड ब्लॉक में, 'नामक एक फ़ंक्शन घोषित करें' प्लेसमेंटजेएस () ”।
- यह फ़ंक्शन बटन क्लिक करने पर शुरू हो जाएगा और अलर्ट के माध्यम से बताए गए संदेश को प्रदर्शित करेगा।
उत्पादन
दृष्टिकोण 3: एक बाहरी फ़ाइल के रूप में जावास्क्रिप्ट का प्लेसमेंट
इस विशेष दृष्टिकोण में एक बाहरी जेएस फ़ाइल के रूप में एक जावास्क्रिप्ट कोड ब्लॉक की नियुक्ति शामिल है जिसमें एक्सटेंशन के साथ विशेष फ़ाइल नाम ' .जेएस ' में ' स्रोत ' विशेषता।
उदाहरण
आइए निम्नलिखित उदाहरण से गुजरते हैं:
< तन >< केंद्र < बटन ऑनक्लिक = 'प्लेसमेंटजेएस ()' > मुझे क्लिक करें बटन >> केंद्र >
तन >
< स्क्रिप्ट प्रकार = 'पाठ/जावास्क्रिप्ट' स्रोत = externalfile. जे एस >> लिखी हुई कहानी >
उपरोक्त एचटीएमएल कोड में:
- जावास्क्रिप्ट फ़ंक्शन पर रीडायरेक्ट करने वाला बटन बनाने के लिए चर्चा किए गए दृष्टिकोण को याद करें ' प्लेसमेंटजेएस () ”।
- उसके बाद, 'में बताए गए फ़ाइल नाम से जुड़ी बाहरी जेएस फ़ाइल की मदद से जावास्क्रिप्ट कार्यात्मकताओं को एकीकृत करें' स्रोत ' विशेषता।
चलिए नीचे दिए गए JS कोड पर चलते हैं:
फंक्शन प्लेसमेंट जे.एस ( ) {चेतावनी ( 'यह एक बाहरी जावास्क्रिप्ट फ़ाइल है' )
}
उपरोक्त कोड ब्लॉक में:
- नाम के एक समारोह को परिभाषित करें प्लेसमेंटजेएस () ”।
- इसकी परिभाषा में, बटन क्लिक पर अलर्ट के माध्यम से बताए गए संदेश को प्रदर्शित करें।
- यह दृष्टिकोण परिणामतः HTML और JavaScript दोनों फ़ाइलों को एम्बेड करके समान परिणाम लौटाएगा।
उत्पादन
हमने जावास्क्रिप्ट को एक HTML फ़ाइल में रखने से संबंधित प्रामाणिक जानकारी प्रदान की है।
निष्कर्ष
एक HTML फ़ाइल में JavaScript का प्लेसमेंट “में हो सकता है” <सिर> 'टैग,' <शरीर> ” टैग, या एक बाहरी के रूप में “ जेएस फ़ाइल '' निर्दिष्ट करके स्रोत ”। किसी भी बताए गए टैग में रखे जाने पर जावास्क्रिप्ट कोड समान कार्य करता है। हालाँकि, जावास्क्रिप्ट को बाहरी js फ़ाइल के रूप में रखने से कोड की पुन: प्रयोज्यता में सहायता मिलती है। यह ब्लॉग एक HTML फ़ाइल में जावास्क्रिप्ट की नियुक्ति से संबंधित मार्गदर्शन करता है।