JS判断是否有js、css文件的引入方法

 

在页面头部有个 <script type="text/javascript" src="abc.js"></script> 

<link href="efg.css" rel="stylesheet" type="text/css" />的引用，如何才能判断出来是否已经有了abc.js和efg.css文件的引用呢？

function isInclude(name){
    var js= /js$/i.test(name);
    var es=document.getElementsByTagName(js?'script':'link');
    for(var i=0;i<es.length;i++) 
    if(es[i][js?'src':'href'].indexOf(name)!=-1)return true;
    return false;
}
alert(isInclude("abc.js"));
alert(isInclude("efg.css"));

JS添加外部JS文件的引用

var oHead = document.getElementsByTagName('HEAD').item(0);   
var oScript= document.createElement("script");   
oScript.type = "text/javascript";   
oScript.src="test.js";   
oHead.appendChild( oScript);   

判断jquery是否引用，没有则添加本地引用：
<script>window.jQuery || document.write('<script src="js/jquery-1.11.0.min.js" type="text/javascript"><\/script>')</script>

转载于:https://www.cnblogs.com/WebApp-DotNet/p/6400145.html