问题描述
只需检查一下是否<link>
存在一个元素,并将其href
属性设置为CSS文件的URL:
if (!$("link[href='/path/to.css']").length)
$('<link href="/path/to.css" rel="stylesheet">').appendTo("head");
使用document.styleSheets集合,普通的JS方法也很简单:
function loadCSSIfNotAlreadyLoadedForSomeReason () {
var ss = document.styleSheets;
for (var i = 0, max = ss.length; i < max; i++) {
if (ss[i].href == "/path/to.css")
return;
}
var link = document.createElement("link");
link.rel = "stylesheet";
link.href = "/path/to.css";
document.getElementsByTagName("head")[0].appendChild(link);
}
loadCSSIfNotAlreadyLoadedForSomeReason();
解决方法
我需要检查(使用Javascript)是否已加载CSS文件,如果未加载,则进行加载。jQuery很好。