अच्छी खबर यह है:
यह 100% काम कर रहा है।
बस स्क्रिप्ट टैग के अंदर कुछ जोड़ें alert('voila!');। सही सवाल जो आप शायद पूछना चाहते हैं, "मैंने इसे DOM में क्यों नहीं देखा?" ।
कार्ल स्वेडबर्ग ने jQuery एपीआई साइट में आगंतुक की टिप्पणी के लिए एक अच्छी व्याख्या की है । मैं नहीं है उसके सारे शब्दों को दोहराने की, आप सीधे पढ़ सकते हैं चाहता हूँ वहाँ यहाँ (मैं इसे कठिन नेविगेट करने के लिए टिप्पणियों के माध्यम से वहाँ पाया जाता है) ।
JQuery के सभी सम्मिलन के तरीके डोम में डालने से पहले और बाद में तत्वों को साफ करने / संसाधित करने के लिए आंतरिक रूप से एक डॉमन मैन फ़ंक्शन का उपयोग करते हैं। उन चीजों में से एक है जो डोमनमिप फ़ंक्शन करता है, किसी भी स्क्रिप्ट तत्वों को सम्मिलित करने के बारे में बाहर खींचता है और उन्हें "डीओएलस्क्रिप्ट रूटीन" के माध्यम से चलाता है बजाए कि उन्हें डोम के बाकी हिस्सों के साथ इंजेक्ट करें। यह स्क्रिप्ट को अलग से सम्मिलित करता है, उनका मूल्यांकन करता है, और फिर उन्हें DOM से निकाल देता है।
मेरा मानना है कि jQuery का ऐसा करने का एक कारण "अनुमति अस्वीकृत" त्रुटियों से बचने के लिए है जो कुछ विशेष परिस्थितियों में स्क्रिप्ट सम्मिलित करते समय इंटरनेट एक्सप्लोरर में हो सकता है। यह एक ही स्क्रिप्ट (जो संभावित रूप से समस्याएं पैदा कर सकता है) का बार-बार डालने / मूल्यांकन करने से बचता है यदि यह एक ऐसे तत्व के भीतर है जिसे आप सम्मिलित कर रहे हैं और फिर DOM के चारों ओर घूम रहे हैं।
अगली बात यह है कि, मैं .append()एक स्क्रिप्ट जोड़ने के लिए फ़ंक्शन का उपयोग करके बुरी खबर का सारांश दूंगा ।
और बुरी खबर है ..
आप अपने कोड को डिबग नहीं कर सकते।
मैं मजाक नहीं कर रहा हूं, भले ही आप debugger;उस पंक्ति के बीच कीवर्ड जोड़ते हैं जिसे आप ब्रेकपॉइंट के रूप में सेट करना चाहते हैं, आप अंत में स्रोत कोड पर ब्रेकपॉइंट देखे बिना ऑब्जेक्ट का केवल कॉल स्टैक प्राप्त करेंगे, (यह उल्लेख नहीं करने के लिए कि यह नहीं है कीवर्ड केवल वेबकिट ब्राउज़र में काम करता है, अन्य सभी प्रमुख ब्राउज़र इस कीवर्ड को छोड़ देते हैं) ।
यदि आप पूरी तरह से समझते हैं कि आपका कोड क्या करता है, तो इससे छोटी सी खामी होगी। लेकिन यदि आप नहीं करते हैं, तो आप debugger;अपने स्थान (या मेरे) कोड के साथ क्या गलत है, यह पता लगाने के लिए सभी जगह एक कीवर्ड जोड़ देंगे । वैसे भी, एक विकल्प है, यह मत भूलो कि जावास्क्रिप्ट एचटीएमएल डोम को मूल रूप से हेरफेर कर सकता है।
वैकल्पिक हल।
HTML DOM को मैनिप्युलेट करने के लिए जावास्क्रिप्ट (jQuery का नहीं) का उपयोग करें
यदि आप डिबगिंग क्षमता खोना नहीं चाहते हैं, तो आप जावास्क्रिप्ट देशी HTML डोम हेरफेर का उपयोग कर सकते हैं। इस उदाहरण पर विचार करें:
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "path/to/your/javascript.js"; // use this for linked script
script.text = "alert('voila!');" // use this for inline script
document.body.appendChild(script);
वहाँ यह है, पुराने दिनों की तरह यह नहीं है। और उन चीजों को साफ करना न भूलें जो DOM में या मेमोरी में सभी ऑब्जेक्ट के लिए है जो संदर्भित है और मेमोरी लीक को रोकने के लिए अब और ज़रूरत नहीं है। चीजों को साफ करने के लिए आप इस कोड पर विचार कर सकते हैं:
document.body.removechild(document.body.lastChild);
delete UnusedReferencedObjects; // replace UnusedReferencedObject with any object you created in the script you load.
इस वर्कअराउंड से दोष यह है कि आप गलती से डुप्लिकेट स्क्रिप्ट जोड़ सकते हैं, और यह बुरा है। यहां से आप .append()ऑब्जेक्ट वेरिफिकेशन को जोड़ने से पहले फंक्शन को थोड़ा मिमिक कर सकते हैं , और डोम को जोड़ने के बाद स्क्रिप्ट को राइट से हटा सकते हैं। इस उदाहरण पर विचार करें:
function AddScript(url, object){
if (object != null){
// add script
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "path/to/your/javascript.js";
document.body.appendChild(script);
// remove from the dom
document.body.removeChild(document.body.lastChild);
return true;
} else {
return false;
};
};
function DeleteObject(UnusedReferencedObjects) {
delete UnusedReferencedObjects;
}
इस तरह, आप स्क्रिप्ट डुप्लिकेट से सुरक्षित रहते हुए डिबगिंग क्षमता के साथ स्क्रिप्ट जोड़ सकते हैं। यह सिर्फ एक प्रोटोटाइप है, आप जो कुछ भी चाहते हैं उसके लिए विस्तार कर सकते हैं। मैं इस दृष्टिकोण का उपयोग कर रहा हूं और इससे काफी संतुष्ट हूं। यकीन है कि मैं .append()स्क्रिप्ट जोड़ने के लिए jQuery का उपयोग कभी नहीं करूंगा ।