美文网首页
动态加载JS文件

动态加载JS文件

作者: 芒果加奶 | 来源:发表于2017-09-20 23:10 被阅读0次
根据不同状态动态加载js。很像原生的AJAX

function loadJs(loadUrl,callback){
    var script = doucument.creteElement('script');
    var head = document.getElementsByTagName('head')[0];
    script.src = loadUrl;
    script.type = "text/javascript";
    //判断服务器
    if(navigator.userAgent.indexOf('IE') != -1){//IE
        script.onreadystatechange = function(){
            //判断资源绑定成功
            if(/^(loaded|complete)$/.test(readystate)){
                script.onreadystatechange = null;
                callback();
            }
        }
        script.onerror = function(){
            ....
        }
    }else{
        script.onload = function(){
            script.onload = null;
            callback();
        }
    }
}

function callback(){
    alert("回调函数");
}

相关文章

网友评论

      本文标题:动态加载JS文件

      本文链接:https://www.haomeiwen.com/subject/reuasxtx.html