jquery 动态加载css文件

最新推荐文章于 2023-09-27 03:55:26 发布

转载最新推荐文章于 2023-09-27 03:55:26 发布 · 8.5k 阅读

收录于

前端

当前文章被收录于：

前端

14 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍了三种不同的方法来加载CSS文件到网页中。第一种方法使用jQuery的链式调用来创建并附加样式链接；第二种方法也利用了jQuery，但通过append和children方法实现；最后一种方法则是纯JavaScript的方式，通过创建link元素并将其附加到head中。

第一种写法：
$("<link>")
    .attr({ rel: "stylesheet",
        type: "text/css",
        href: "site.css"
    })
    .appendTo("head");
第二种写法：
$("head").append("<link>");
css = $("head").children(":last");
css.attr({
    rel: "stylesheet",
    type: "text/css",
    href: "/Content/Site.css"
});
第三种写法（直接在javascript中使用）：
function addCSS() {
    var link = document.createElement('link');
    link.type = 'text/css';
    link.rel = 'stylesheet';
    link.href = '/Content/Site.css';
    document.getElementsByTagName("head")[0].appendChild(link);
}

标签

#css #CSS #Css #jquery #jQuery

#JQUERY #Jquery #JQuery