2009-09-03 15 views
5

मैं जानना चाहता हूं कि किसी दस्तावेज़ से मेरे दस्तावेज़ में बाहरी जावास्क्रिप्ट को कैसे लोड किया जाए।फ़ंक्शन कॉल पर बाहरी जावास्क्रिप्ट लोड करें

function loadDaFun() { 
    var script = document.createElement('script'); 
    script.src = '/path/to/your/script.js'; 
    script.type = 'text/javascript'; 
    var head = document.getElementsByTagName("head")[0]; 
    head.appendChild(script); 
} 

उत्तर

14

यह एक तरीका है।

+0

बहुत बहुत शुक्रिया! महान सहायता – Ronal

+0

आपका स्वागत है। – seth

+0

प्रकार आवश्यक नहीं है, कोई फर्क नहीं पड़ता (वैसे) –

-2

AJAX के साथ यह हो जाओ और फिर eval() कोड:

+0

eval() में सुरक्षा समस्याएं हैं – Evorlor

11

@seth के जवाब पूरी तरह से सही है, लेकिन आप आप उसे निकाल सकते बस के बाद यह भरी हुई है, और यह भी आप को पता है जब चाहते हो सकता है डोम पर डाला script तत्व छोड़ने की जरूरत नहीं है, डाला स्क्रिप्ट, का उपयोग करने के लिए तैयार है, उदाहरण के लिए आप कर सकते हैं:

function loadScript(url, completeCallback) { 
    var script = document.createElement('script'), done = false, 
     head = document.getElementsByTagName("head")[0]; 
    script.src = url; 
    script.onload = script.onreadystatechange = function(){ 
    if (!done && (!this.readyState || 
      this.readyState == "loaded" || this.readyState == "complete")) { 
     done = true; 
     completeCallback(); 

     // IE memory leak 
     script.onload = script.onreadystatechange = null; 
     head.removeChild(script); 
    } 
    }; 
    head.appendChild(script); 
} 

उपयोग:

loadScript("http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js", 
      function() { alert('jQuery has been loaded.'); }); 
संबंधित मुद्दे