动态添加js文件

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/ministech/article/details/79360624

function loadScript(url, callback, dataName, dataDeps){
       var script = document.createElement('script');
       script.type = 'text/javascript';
       if(dataName){
           script.setAttribute("data-name",dataName);
       }
       if(dataDeps){
           script.setAttribute("data-deps",dataDeps);
       }
       if(script.readyState){//IE
           script.onreadystatechange = function(){
               if(script.readyState == 'loaded' || script.readyState == 'complete'){
                   script.onreadystatechange = null;
                   callback()
               }
           }
       }else{//Other
           script.onload = function(){
               callback();    
           }
       }
       script.src = url;
       document.getElementsByTagName('head')[0].appendChild(script);
   }

当页面中动态加载多个有关联的JavaScript文件时，我们可以将其串联起来，保证顺序。

loadScript('file1.js',function(){
    loadScript('file2.js',function(){
        ...
    });
});