javascript - 在一个 JS 文件中包含多个 javascript 文件

Question

所以，如果我必须在 .js 文件中包含一个 Javascript 文件，我会使用下面的脚本。它工作正常。

var script = document.createElement("SCRIPT");
script.src = 'https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js';
script.type = 'text/javascript';
script.onload = function() {

  //Some code

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

如果我需要包含 1 个以上的文件，我该怎么办。

Answer 1

你可以创建一个函数并传递你想要包含的 js 文件，如下所示:

        function scriptLoader(path, callback)
        {
            var script = document.createElement('script');
            script.type = "text/javascript";
            script.async = true;
            script.src = path;
            script.onload = function(){
                if(typeof(callback) == "function")
                {
                    callback();
                }
            }
            try
            {
                var scriptOne = document.getElementsByTagName('script')[0];
                scriptOne.parentNode.insertBefore(script, scriptOne);
            }
            catch(e)
            {
                document.getElementsByTagName("head")[0].appendChild(script);
            }
        }

然后这样调用它:

scriptLoader('/path/to/file.js');

以类似的方式，您可以调用任意数量的 JS 文件:

scriptLoader('/path/to/file2.js');
scriptLoader('/path/to/file3.js');

甚至像这样的 onload 回调函数:

scriptLoader('/path/to/file6.js',function(){
    alert('file6 loaded');
});