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

利用原生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();

    };

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

jQuery.getScript("/path/to/myscript.js", function(data, status, jqxhr) { 

    /*

        做一些加载完成后需要执行的事情

    */   

});

jQuery.getScript("/path/to/myscript.js")

    .done(function() {

        /* 耶，没有问题，这里可以干点什么 */

    })

    .fail(function() {

        /* 靠，马上执行挽救操作 */

});

巴特西

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

最新文章

热门文章