HTML में “script” टैग्स की संख्या पर कोई प्रतिबंध नहीं है। तो, एक HTML दस्तावेज़ में एकाधिक 'स्क्रिप्ट' टैग हो सकते हैं।
कैसे
जोड़ा जा रहा है <एससी ript > हेड एलिमेंट में टैग करें
जावास्क्रिप्ट कार्यों के साथ स्क्रिप्ट टैग्स को मुख्य तत्व में जोड़ा जा सकता है। HTML दस्तावेज़ के मुख्य तत्व में जोड़े गए जावास्क्रिप्ट फ़ंक्शन का एक सरल उदाहरण लेकर इस विचार को व्यावहारिक रूप से लागू करते हैं।
उदाहरण
बस स्क्रिप्ट तत्व को मुख्य तत्व के अंदर जोड़ें या स्क्रिप्ट तत्व को मौजूदा HTML दस्तावेज़ में हेड टैग पर ले जाएं:
< सिर >
< लिखी हुई कहानी >
समारोह myFunction () {
document.getElementById('demoId').innerHTML = 'बाद!!!';
}
< / लिखी हुई कहानी >
< / सिर >
< शरीर >
< एच 2 > हेड में स्क्रिप्ट टैग जोड़ना < / एच 2 >
< पी पहचान = 'डेमोआईड' > पहले... < / पी >
< बटन प्रकार = 'बटन' क्लिक पर = 'मायफंक्शन ()' > बदल दें < / बटन >
< / शरीर >
उपरोक्त कोड स्निपेट में:
- वहाँ है एक ' <एच2> 'अंदर शीर्षक' शरीर 'तत्व और उसके बाद, एक' है अनुच्छेद ” एक साधारण पाठ वाला तत्व।
- एक बटन तब बनाया जाता है, और एक फ़ंक्शन ' मेरा समारोह () 'में परिभाषित किया गया है' क्लिक पर ” विशेषता को ईवेंट हैंडलर के रूप में जोड़ा गया।
- ' लिखी हुई कहानी 'तत्व' के अंदर जोड़ा गया है सिर ” तत्व, और उसके अंदर, फ़ंक्शन कहा जाता है, और “ getElementById 'विधि को' के संदर्भ में परिभाषित किया गया है डेमोआईड '।
यह आउटपुट में जावास्क्रिप्ट फ़ंक्शन को सही ढंग से निष्पादित करेगा:
जोड़ा जा रहा है <एस क्रिप्ट > बॉडी एलिमेंट में टैग करें
स्क्रिप्ट टैग को 'के अंदर भी जोड़ा जा सकता है' <शरीर> 'तत्व समाप्त होने से पहले कहीं भी' शरीर ” टैग।
उदाहरण
वही परिणाम उत्पन्न होंगे यदि ' लिखी हुई कहानी ” टैग जोड़े गए हैं शरीर तत्व:
< / शरीर >
< एच 2 >बॉडी में स्क्रिप्ट टैग जोड़ना< / एच 2 >
< पी पहचान = 'डेमोआईड' >पहले...< / पी >
< बटन प्रकार = 'बटन' क्लिक पर = 'मायफंक्शन ()' > इसे बदलें < / बटन >
< लिखी हुई कहानी >
समारोह myFunction ( ) {
document.getElementById ( 'डेमोआईड' ) आंतरिक HTML = 'बाद में!!!' ;
}
< / लिखी हुई कहानी >
< / शरीर > उपरोक्त कोड स्निपेट में:
- इस पोस्ट के पिछले भाग में बताए गए समान कोड में समान जावास्क्रिप्ट फ़ंक्शन को बॉडी एलिमेंट में जोड़ा गया है।
जोड़ना ' लिखी हुई कहानी 'के अंदर टैग करें' शरीर ” तत्व भी समान परिणाम उत्पन्न करेगा और जावास्क्रिप्ट फ़ंक्शन को सही ढंग से चलाएगा:
यह दर्शाता है कि 'कहाँ होना चाहिए' <स्क्रिप्ट> ” टैग को एक HTML दस्तावेज़ में रखा जाना चाहिए। हालाँकि, आप सोच रहे होंगे कि क्या दोनों विधियों के बीच किसी प्रकार का अंतर होना चाहिए।
सिर और शरीर के तत्वों में <स्क्रिप्ट> रखने में अंतर
दो विधियों के बीच प्रमुख अंतर वास्तव में उस समय के बारे में है जब स्क्रिप्ट टैग को ब्राउज़र में लोड किया जाता है।
आमतौर पर,
तत्व पहला तत्व है जो ब्राउज़र द्वारा लोड किया जाता है, और इसका मतलब है कि सिर के अंदर रखी गई कोई भी स्क्रिप्ट वेबपेज के तत्वों को लोड करने से पहले ही लोड हो जाएगी। हालांकि, अगर स्क्रिप्ट में रखा गया है <शरीर> तत्व, फिर इसे उस पंक्ति संख्या के क्रम में लोड किया जाता है जिस पर इसे रखा गया है।
निष्कर्ष
' लिखी हुई कहानी एक HTML दस्तावेज़ में टैग (जावास्क्रिप्ट फ़ंक्शंस युक्त) को 'के अंदर रखा जा सकता है' सिर 'तत्व के साथ-साथ अंदर' शरीर ' तत्व। उन्हें दस्तावेज़ में दोनों तत्वों (सिर और शरीर) में भी जोड़ा जा सकता है। ये सभी तरीके जावास्क्रिप्ट को 'के अंदर कार्य करेंगे' <स्क्रिप्ट> ” टैग सही ढंग से काम करते हैं। यह लेख इस बात का पूरा विवरण देता है कि 'कहाँ जोड़ना है' <स्क्रिप्ट> ” HTML दस्तावेज़ में टैग करता है।