document.write कार्यक्षमता के साथ स्क्रिप्ट को गतिशील रूप से शामिल करना

प्रश्न:

वेरिएबल src विशेषता के साथ एक स्क्रिप्ट टैग को वेबपेज पर गतिशील रूप से कैसे जोड़ा जा सकता है , विशेष रूप से यदि src में document.write फ़ंक्शन शामिल हैं?

पृष्ठभूमि:

आमतौर पर, HTML हेड में एक विशिष्ट src विशेषता के साथ एक स्क्रिप्ट टैग जोड़ना निर्बाध रूप से काम करता है। हालाँकि, जब src विशेषता में document.write कोड शामिल होता है, तो यह समस्याग्रस्त हो जाता है।

समाधान:

ऐसे स्क्रिप्ट टैग को गतिशील रूप से जोड़ने के लिए, निम्नलिखित कदम उठाए जा सकते हैं:

1. document.createElement('script') का उपयोग करके एक नया स्क्रिप्ट तत्व बनाएं।
2. स्क्रिप्ट तत्व की src विशेषता को वांछित URL/स्रोत पर सेट करें।
3. स्क्रिप्ट तत्व जोड़ें AppendChild() का उपयोग करके document.head पर जाएं।

उदाहरण:

var my_awesome_script = document.createElement('script');

my_awesome_script.setAttribute('src', 'http://example.com/site.js');

document.head.appendChild(my_awesome_script);

यह स्क्रिप्ट तत्व गतिशील रूप से वेबपेज में जोड़ा जाएगा, भले ही इसके स्रोत में document.write कोड हो।