加载js脚本函数

Posted DMC-尼禄

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了加载js脚本函数相关的知识,希望对你有一定的参考价值。

加载单个js脚本

    var loadSingleScript = function (src, callback) {
        var s = document.createElement(‘script‘);
        s.async = false;
        s.src = src;
        s.addEventListener(‘load‘, function () {
            s.parentNode.removeChild(s);
            s.removeEventListener(‘load‘, arguments.callee, false);
            callback();
        }, false);
        document.body.appendChild(s);
    };

 

加载多个js脚本

var loadScript = function (list, callback) {
        if (list.length < 1) {
            callback()
            return
        }
        var loaded = 0;
        var startLen = 0
        var loadNext = function () {
            for (var i = 0; i < 10; ++i) {
                var url = list[loaded++]
                if (url) {
                    loadSingleScript(url, function () {
                        startLen++;
                        if (startLen >= list.length) {
                            callback();
                        }
                        else {
                            loadNext();
                        }
                    })
                }
            }
        };
        loadNext();
    };

 

以上是关于加载js脚本函数的主要内容,如果未能解决你的问题,请参考以下文章

Chrome-Devtools代码片段中的多个JS库

angularJS使用ocLazyLoad实现js延迟加载

js 常用代码片段

加载js脚本函数

javascript脚本如何异步加载,有啥作用

分享前端开发常用代码片段