Загружать javascript последовательно из кода javascript

Я столкнулся с этой же проблемой и решил ее с помощью:

document.write('<script type="text/javascript" src="other1.js"></script>');
document.write('<script type="text/javascript" src="other2.js"></script>');

runSomeCode();

Код будет загружен и запущен синхронно. Плюсы: простой, легкий, кроссбраузерный, без зависимостей. Минусы: некрасиво.

Подробнее: https://stackoverflow.com/a/3292763/235179

Если вы используете jQuery.getScript(), вы можете использовать его как $.when(), чтобы отложить выполнение до тех пор, пока все не перестанет загружаться.

Если под «последовательным выполнением» вы подразумеваете, что вам нужно загрузить реквизиты перед выполнением, будет работать следующее

$(function(){
   $.when(
      $.getScript("/script1"),
      $.getScript("/scirpt2"),
      $.getScript("/script3")
}).done(function(){
    // do stuff with the contents of my new script files
});

Если под последовательным выполнением вы подразумеваете, что вам нужно выполнять файлы один за другим, попробуйте следующее:

$.Deferred()
.then(function () { return $.getScript("/script1"); })
.then(function () { return $.getScript("/scirpt2"); })
.then(function () { return $.getScript("/script3"); })
.resolve();

Конечно, для этого требуется jQuery, который после ваших правок у вас может не сработать.

Рекомендуемое чтение

• http://api.jquery.com/jQuery.getScript
• http://api.jquery.com/category/deferred-object/
• http://api.jquery.com/jQuery.when/

Если вам нужен ванильный JS, что-то вроде этого может работать:

function loadScripts(scripts, complete) {
    var loadScript = function( src ) {
        var xmlhttp, next;
        if (window.XMLHttpRequest)  {
            xmlhttp = new XMLHttpRequest();
        } else {
            try {
                 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
            } catch(e) {
                return;
            }
        }
        xmlhttp.onreadystatechange = function() {
            if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                eval(xmlhttp.responseText);
                next = scripts.shift();
                if ( next ) {
                    loadScript(next);
                } else if ( typeof complete == 'function' ) {
                    complete();
                }
            }
        }
        xmlhttp.open("GET", src , true);
        xmlhttp.send();
    };

    loadScript( scripts.shift() );
}

loadScripts(['jquery.js','jquery.plugin.js'], function() {
    console.log('loaded');
});

Протестировано в Chrome, должно работать и в IE.

Вы пробовали require.js? http://requirejs.org/