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