JS如何判断是否已经引入某个css或是js？

Question

如题。在页面头部有个 <script type="text/javascript" src="abc.js"></script> 
<link href="efg.css" rel="stylesheet" type="text/css" />的引用，如何才能判断出来是否已经有了abc.js和efg.css文件的引用呢？JavaScriptCSS引用

Answer 1

 
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"));

Answer 2

这里可能会给你点启发的：http://blog.sina.com.cn/s/blog_4bed0b5e0100frvp.html
要实现这种效果可以有多个做法。比如你可以用js选择加载那个css。这里有样例：http://blog.sina.com.cn/s/blog_4bed0b5e0100frvp.html
不过还得看你的实际业务需求了。如果你用的是java开发，也可以在页面用java代码控制

Answer 3

这个很简单，你CSS引用没用用进来你写一个不就知道了么，或者js，你写一个js方法，然后调用一下看看，比如你写个function aaa(){alert("aaa")};
随便写个 <input type="butten" onclick="aaa()">看看弹不弹alert