jQuery.getScript альтернатива в родном JavaScript

Question

Я пытаюсь загрузить JS-скрипты динамически, но использование jQuery не является вариантом.

Я проверил источник jQuery, чтобы увидеть, как был реализован getScript, чтобы я мог использовать этот подход для загрузки скриптов с использованием встроенного JS. Однако getScript вызывает только jQuery.get()

, и я не смог найти, где реализован метод get.

Так что мой вопрос,

Что надежный способ реализовать свой собственный метод getScript, используя родной JavaScript?

Спасибо!

Answer 1

Вы можете получить сценарии, как это:

(function(document, tag) { 
    var scriptTag = document.createElement(tag), // create a script tag 
     firstScriptTag = document.getElementsByTagName(tag)[0]; // find the first script tag in the document 
    scriptTag.src = 'your-script.js'; // set the source of the script to your script 
    firstScriptTag.parentNode.insertBefore(scriptTag, firstScriptTag); // append the script to the DOM 
}(document, 'script')); 

Answer 2

использование этого

var js_script = document.createElement('script'); 
js_script.type = "text/javascript"; 
js_script.src = "http://www.example.com/script.js"; 
js_script.async = true; 
document.getElementsByTagName('head')[0].appendChild(js_script); 

Answer 3

Вот альтернатива JQuery getScript с функцией обратного вызова:

function getScript(source, callback) { 
    var script = document.createElement('script'); 
    var prior = document.getElementsByTagName('script')[0]; 
    script.async = 1; 

    script.onload = script.onreadystatechange = function(_, isAbort) { 
     if(isAbort || !script.readyState || /loaded|complete/.test(script.readyState)) { 
      script.onload = script.onreadystatechange = null; 
      script = undefined; 

      if(!isAbort) { if(callback) callback(); } 
     } 
    }; 

    script.src = source; 
    prior.parentNode.insertBefore(script, prior); 
}