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>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM