Динамически загружать библиотеку jQuery с помощью простого JavaScript

Вот как вы можете загрузить библиотеку jQuery, используя простой JavaScript . Поскольку загрузка происходит асинхронно, поэтому я также включил версию обратного вызова, чтобы вы знали, когда вставленный скрипт завершился, и вы можете начать использовать jQuery! Ранее я писал о вставке скриптов в защищенные страницы, так что там есть и другие варианты.

Загрузите библиотеку jQuery, используя простой JavaScript

//Load jQuery library using plain JavaScript
(function(){
  var newscript = document.createElement('script');
     newscript.type = 'text/javascript';
     newscript.async = true;
     newscript.src = 'https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js';
  (document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(newscript);
})();

С обратным вызовом

 (function () {

    function loadScript(url, callback) {

        var script = document.createElement("script")
        script.type = "text/javascript";

        if (script.readyState) { //IE
            script.onreadystatechange = function () {
                if (script.readyState == "loaded" || script.readyState == "complete") {
                    script.onreadystatechange = null;
                    callback();
                }
            };
        } else { //Others
            script.onload = function () {
                callback();
            };
        }

        script.src = url;
        document.getElementsByTagName("head")[0].appendChild(script);
    }

    loadScript("https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js", function () {

         //jQuery loaded
         console.log('jquery loaded');

    });


})();