如何使用JavaScript浏览网页中的嵌入式资源？

我希望能够逐步浏览网页中的每个嵌入式资源—CSS样式表、外部JavaScript文件、图像、iFrame等—然后使用JavaScript对它们进行处理

我可以分别针对它们，但我想知道是否有更通用的方法。一些内置的方法或库，允许您遍历DOM并与这些类型的嵌入式资源交互

有吗？

有，但最常见的是：

document.body
document.getElementById()
document.getElementsByTagName()
document.getElementsByClassName()
document.querySelectorAll()

---

如果要获取所有元素，而不需要正式结构，可以执行以下操作：

//non-standard
document.all

//or
document.getElementsByTagName('*');

---

还有，jQuery使用的选择器引擎。它使用CSS选择器来定位元素。或者，如果可能的话，使用jQuery，它承载了很多DOM和方法。

你能澄清一下“遍历”和“交互”的意思吗？想象的解决方案：将资源提取到一个数组中，我可以循环遍历。在数组中有资源的完整URL，可能还有其他可用信息（它是什么类型的资源，可能是什么，或者其他什么）。我可以自己做这一切，编写一种方法来针对我感兴趣的每一种资源，但实际上我对所有这类资源都感兴趣，即使，比如说，将来添加了一些我今天不知道的新的东西。如果有内置的，那就太好了。是的，但我想知道是否有一些访问嵌入式资源的通用属性或方法。查找特定类型的元素：托管在另一个页面上并嵌入当前页面的元素。CSS文件、javascript、图像、iFrame等等。我希望有一些他们都分享的秘方，可以用来选择。