自己写的保证js顺序加载的方法

var arr =["test1.js","test2.js","test3.js"]

loadScripts:function(arr){

            var index=0;

            function  callback(){

                if(arr[++index]){

                    _this.loadSingleScript(arr[index],callback)

                }

            }

            _this.loadSingleScript(arr[index],callback);

        },

loadSingleScript:function (url, callback) {

            var script = document.createElement('script');

            script.type = 'text/javascript';

            if (callback)

                script.onload = script.onreadystatechange = function() {

                    if (script.readyState && script.readyState != 'loaded' && script.readyState != 'complete')

                        return;

                    script.onreadystatechange = script.onload = null;

                    callback();

                };

            script.src = url;

            document.getElementsByTagName('head')[0].appendChild (script);

}



这个实现了吧一个数组的js按照顺序加载完成,但是存在一个问题,就是如果其中的某一个js出错了,那么程序就停止了,不会继续往下走,这个应该再指定一个errorcallback的,不过这里就不做了,因为感觉用不到


原文地址:https://www.cnblogs.com/onedayof2010/p/4273033.html