动态加载JS文件，并根据JS文件的加载状态来执行自己的回调函数

动态加载JS文件，并根据JS文件的加载状态来执行自己的回调函数，

在很多场景下，我们需要在动态加载JS文件的时候，根据加载的状态来进行后续的操作，需要在JS加载成功后，执行另一方法，这个方法是依托在加载的JS文件上的（调用了这JS里面的方法等等），此时就需要将这个方法作为JS加载后的回调函数进行执行

具体实例：

 

JS 代码如下

function loadJs(loadUrl,callMyFun,argObj){

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

                 loadScript.setAttribute( "type" , "text/javascript" );

                 loadScript.setAttribute( 'src' ,loadUrl);

                 console.log(loadUrl)

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

                 //判断服务器

                 if (navigator.userAgent.indexOf( "IE" ) >=0){

                     //IE下的事件

                     loadScript.onreadystatechange= function (){

                         if (loadScript && (loadScript.readyState == "loaded" || loadScript.readyState == "complete" )){

                             //表示加载成功

                             loadScript.onreadystatechange= null ;

                             callMyFun() //执行回调

                         }

                     }

                 }

                 else {

                     loadScript.onload= function (){

                         loadScript.onload= null ;

                         callMyFun();

                     }

                 }

                 console.log(argObj);

             }

             function loadJsBtn(){

                 //如需传参

                 var argObj={};

                 loadJs( "js/jqueryww.js" ,callMyFun,argObj);

             }

             function callMyFun(){

                 alert( "执行我的回调啊" )

             }

HTML代码

< button onclick="loadJsBtn()">加载JS文件</ button >