我们经常遇到需要动态加载JS,有时一个,有时候多个,每次都使用DOM很麻烦,现在可以把它封装起来,直接调用就可以了,而且设置一个状态,如果已经添加就不需要再次添加,代码如下:
1 function loadJS(url){ 2 var statu = true;//初始状态 3 var js=document.getElementsByTagName("script"); 4 for(var i=0; i< js.length; i++){ 5 if(js[i].getAttribute("src") == url ){ 6 statu = false;//如果已经添加,则设置为Flase,不再添加 7 } 8 } 9 if(statu){10 var script = document.createElement("script");11 script.type="text/javascript";12 script.src = url;13 var header = document.getElementsByTagName("head")[0];14 header.appendChild(script);15 16 }17 18 }