js动态加载以及确定加载完成的代码

1. 利用原生js动态加载js文件到页面，并在确定加载完成后调用相关function

    var otherJScipt = document.createElement("script"),

        otherJScipt.setAttribute("type", "text/javascript"),

        otherJScipt.setAttribute("src", "/xxx.js");

document.getElementsByTagName("head")[0].appendChild(otherJScipt); //追加到head标签内

//判断服务器

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

    //IE下的事件

    otherJScipt.onreadystatechange = function() {

        //IE下的判断，判断是否加载完成

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

            otherJScipt.onreadystatechange = null;

            callMyFun();

        }

    };

} else {

    otherJScipt.onload = function() {

        otherJScipt.onload = null;

        callMyFun();

    };

1. jQuery内置了一个方法可以加载单一的js文件；当加载完成后你可以在回调函数里执行后续操作。最基本的使用jQuery.getScript的方法是这样

   jQuery.getScript("/path/to/myscript.js", function(data, status, jqxhr) {
   
       /*
   
           做一些加载完成后需要执行的事情
   
       */
   
   }); 

   jQuery.getScript("/path/to/myscript.js")
   
       .done(function() {
   
           /* 耶，没有问题，这里可以干点什么 */
   
       })
   
       .fail(function() {
   
           /* 靠，马上执行挽救操作 */
   
   });