美文网首页
动态加载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