动态加载Javascript

我们经常遇到需要动态加载JS，有时一个，有时候多个，每次都使用DOM很麻烦，现在可以把它封装起来，直接调用就可以了，而且设置一个状态，如果已经添加就不需要再次添加，代码如下：

 

 

function loadJS(url){
    var statu = true;//初始状态
    var js=document.getElementsByTagName("script");
    for(var i=0; i< js.length; i++){
        if(js[i].getAttribute("src") == url ){
             statu = false;//如果已经添加，则设置为Flase，不再添加
        }
    }
    if(statu){
    var script = document.createElement("script");
        script.type="text/javascript";
        script.src = url;
    var header = document.getElementsByTagName("head")[0];
        header.appendChild(script);
    
    }
}

 

 

调用方法：

 

<script type="text/javascript">

loadJS("url");

</script>