Javascript 使用JS，在加载页面时是否可以返回页面中包含的所有CSS样式表的列表？

使用jQuery或纯JavaScript，我可以在页面最初加载时返回页面中包含的每个样式表的列表吗

我只想在控制台中打印样式表名称列表，不需要样式表上的其他信息。

如果使用jQuery：

console.log($('link[rel=stylesheet]'));

---

如果您使用的是jQuery，您可以按照以下方式进行操作：

$(document).ready(function() {
    console.log($("link[rel='stylesheet']").attr("href"));
});

---

这段代码收集

样式表

上带有

rel

属性的所有

链接

，然后迭代它们并记录它们的属性

href

。您可以使用循环中的行在任何需要的地方显示样式表名称

$("head link[rel='stylesheet']").each(function (){
    console.log($(this).attr("href"));
});

如果我是正确的，那么名称是指每个样式表的文件名

考虑这个例子：

jQuery("link[href*='.css']").each(function(){
    console.log(jQuery(this).attr('href').split('/').pop());
});

这里我使用这个

链接[href*='.css']

选择器来选择所有（包括非活动的）样式表

var styleSheetList = document.styleSheets;

参考：

试试这个

var styles = document.styleSheets;
$(styles).each(function(index,value){
    console.log(value.href==null ? null : value.href.split('/').pop())
});

---

querySelectorAll（'link[rel=stylesheet]'）

我想知道你为什么要增加一笔悬赏，寻找可靠和/或官方来源的答案。如果我可以问一下，你的意图是什么？你是在寻找样式表文件的名称还是它们各自的样式规则？为什么要对此进行否决？也许还不够愤怒？