javascript - 如果未加载，如何使用 Javascript 检查和加载 CSS？

Question

我需要检查(在 Javascript 中)是否加载了 CSS 文件，如果没有则加载它。 jQuery 很好。

Answer 1

只需检查是否有 <link>元素与 href 一起存在属性设置为您的 CSS 文件的 URL:

if (!$("link[href='/path/to.css']").length)
    $('<link href="/path/to.css" rel="stylesheet">').appendTo("head");

普通的 ol' JS 方法也很简单，使用 document.styleSheets collection :

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