HTML स्क्रिप्ट टैग के साथ स्क्रिप्ट लोड हो रहा है

HTML स्क्रिप्ट टैग का उपयोग जावास्क्रिप्ट कोड को शामिल करने और निष्पादित करने के लिए किया जाता है। डिफ़ॉल्ट रूप से, यह टैग एक बाहरी स्रोत विशेषता लेता है, जैसे जावास्क्रिप्ट फ़ाइल लोड करने के लिए scr। हालाँकि, स्क्रिप्ट टैग के भीतर इनलाइन जावास्क्रिप्ट को शामिल करने का प्रयास इस तरह किया गया है:

त्रुटियों को छोड़े बिना चुपचाप विफल।

स्क्रिप्ट टैग में इनलाइन जावास्क्रिप्ट का उपयोग क्यों काम नहीं करता है

इस व्यवहार का कारण यह है कि एक स्क्रिप्ट तत्व ऐसा कर सकता है केवल एक ही स्रोत लोड करें, चाहे वह बाहरी हो या इनलाइन। जब स्रोत और इनलाइन दोनों सामग्री मौजूद होती है, तो इनलाइन सामग्री को नजरअंदाज कर दिया जाता है। इसलिए:

निर्दिष्ट स्क्रिप्ट लोड नहीं होगी।

समाधान: एकाधिक स्क्रिप्ट तत्वों का उपयोग करना

एकाधिक स्क्रिप्ट लोड करने के लिए, आपको प्रत्येक के लिए अलग-अलग स्क्रिप्ट तत्वों का उपयोग करना होगा:

वैकल्पिक रूप से, आप एक मूल स्क्रिप्ट बना सकते हैं जो आवश्यक स्क्रिप्ट को गतिशील रूप से लोड करती है:

अतिरिक्त नोट्स

जबकि बाहरी स्रोतों वाले स्क्रिप्ट तत्वों में इनलाइन जावास्क्रिप्ट को नजरअंदाज कर दिया जाता है, स्क्रिप्ट तत्व की सामग्री DOM में बनी रहती है। इसने कुछ डेवलपर्स को बाहरी स्क्रिप्ट द्वारा एक्सेस किए गए डेटा को संग्रहीत करने के लिए इसका उपयोग करने के लिए प्रेरित किया है। हालाँकि, डेटा-* विशेषताओं का उपयोग आम तौर पर इस उद्देश्य के लिए अधिक उपयुक्त और स्वच्छ दृष्टिकोण है।