页面中的某些脚本已执行时的 javascript 回调

Question

我正在尝试在执行某些 javascript 时向 HTML 页面添加加载模式。我的问题是我无法注意到这些脚本何时完成执行。

我试过了：

$.when(
    $.getScript( "/script1.js" ),
    $.getScript( "/script2.js" ),
    $.getScript( "/script3.js" ),
    $.Deferred(function( deferred ){
        $( deferred.resolve );
    })
).done(function(){
    console.log('everything have been executed!');
});

但正如getScript JQuery documentation 所说：

一旦脚本被加载但不一定被执行，回调就会被触发。

有没有办法为此类事件设置回调？

Answer 1

您可以尝试使用 $.ajax 来加载脚本。

$.ajax({
    async:false,
    url:'/script.js',
    type:'GET',
    data:null,
    dataType:'script',
    success:function(){
        console.log('Executed')
    }
});

async 需要为 false，以便在运行成功函数之前先加载并执行脚本。