如何使用Javascript来检查和加载CSS如果没有加载？ [英] How to use Javascript to check and load CSS if not loaded?

问题描述

我需要检查（在Javascript中）如果加载了一个CSS文件，如果没有加载它。 jQuery很好。

I need to check (in Javascript) if a CSS file is loaded and if not then to load it. jQuery is fine.

推荐答案

只需检查< link> 元素存在，并将 href 属性设置为您的CSS文件的URL：

Just check to see if a <link> element exists with the href attribute set to your CSS file's URL:

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

纯粹的JS方法也很简单，使用document.style表集合：

The plain ol' JS method is simple too, using the 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();

这篇关于如何使用Javascript来检查和加载CSS如果没有加载？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！