Javascript jQuery-创建网页中使用的所有CSS或JS文件的列表

我想创建一个在我的网站中使用的所有CSS或JS文件的列表

HTML:

---

最有效的方法是什么？

要获取所列元素的href或src属性，可以使用jquery.attr

这里有一把小提琴来演示：

使用循环、映射或其他方法遍历可用元素。然后使用attr打印结果

---

如果使用chrome查看结果，请按F12键并单击console。

您可以使用CSS选择器按标记名和元素是否具有所需属性查找元素，然后获取属性值并提取文件名：

$('script[src], link[href]').each(function (i, e) {
    var item = ((e.nodeName == "LINK") ? $(this).attr('href') : $(this).attr('src'))
    console.log(item.split("/").pop())
})

---

你试过什么吗？是的，我试过了…我只是要求一个最有效的方法，而不是一个完整的代码。“那么，我为什么要在这里浪费时间去尝试失败呢？”科拉莱姆说。因为这样我们就可以指出你做错了什么，这样你就可以学习了。这样，将来你就不会犯同样的错误。。。而不是仅仅复制和粘贴别人的答案，你不理解它。这个问题是由我的查询javascript列表文件在页面中找到的，答案对我来说很有用。IMO提出的问题没有问题。在这个偶然的情况下，海报没有发布他们的方法，这让我受益于接受的答案。note.prop将为您提供href/src的完整URL。

1.css
2.css
1.js
2.js

console.log($('link').attr('href'));
console.log($('script').attr('src'));

$('script[src], link[href]').each(function (i, e) {
    var item = ((e.nodeName == "LINK") ? $(this).attr('href') : $(this).attr('src'))
    console.log(item.split("/").pop())
})