jquery在head样式文件最后添加引入css文件

最新推荐文章于 2025-03-22 13:59:38 发布

hsc从容

最新推荐文章于 2025-03-22 13:59:38 发布

阅读量780

点赞数

分类专栏： java知识分享 java编码分享前端文章标签： css jquery html5 javascript

本文链接：https://blog.youkuaiyun.com/weixin_44369955/article/details/114521266

版权

java知识分享同时被 3 个专栏收录

42 篇文章

订阅专栏

java编码分享

35 篇文章

订阅专栏

前端

10 篇文章

订阅专栏

这段代码展示了如何在预加载函数中动态添加CSS样式表。通过jQuery选择器和attr方法，将`common.css`和`iconfont.css`链接添加到页面头部，以实现页面加载时的样式预加载，提高用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

直接代码：注意引入的路径【href】要正确。

在预加载函数中添加：

/*添加样式表common.css */
$("head").append("<link>");
var css = $("head").children(":last");
css.attr({
rel: "stylesheet",
type: "text/css",
href: "/alifont/demo.css"
});
css.attr({
   rel: "stylesheet",
   type: "text/css",
   href: "/alifont/demo.css"
});
$("head").append("<link>");
var css2 = $("head").children(":last");
css2.attr({
   rel: "stylesheet",
   type: "text/css",
   href: "/alifont/iconfont.css"
});
css2.attr({
   rel: "stylesheet",
   type: "text/css",
   href: "/alifont/iconfont.css"
});