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