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

时间：2022-03-05 15:33:51

在页面头部有个 <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>

相关文章