我需要检查(使用Javascript)是否已加载CSS文件,如果未加载,则进行加载。jQuery很好。
只需检查一下是否<link>存在一个元素,并将其href属性设置为CSS文件的URL:
<link>
href
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();