如何使用Javascript检查并加载CSS(如果未加载)?

2024-04-23

我需要检查(在 Javascript 中)CSS 文件是否已加载,如果没有则加载它。 jQuery 没问题。


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

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

普通的 JS 方法也很简单,使用document.styleSheets 集合 https://developer.mozilla.org/en/DOM/document.styleSheets:

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();
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何使用Javascript检查并加载CSS(如果未加载)? 的相关文章

随机推荐