动态加载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>

相关推荐